Hasura GraphQL 103 | Build a Recipe Management App with Flutter Finale
In this course finale we will complete the delete functionality and implement the add recipe form. We will generate the classes for our delete recipe operation and configure our Ferry GraphQL client cache. We will update the cache after removing a recipe and implement the recipe form for our Add Recipe screen. We will implement the insert recipe mutation and update the cache whenever we run the operation on form submission. We will implement our ingredients section and understand when to use keys in your Flutter application. We will complete the course with some final cosmetic changes.
=== Contents of this video ===
00:00 Intro
00:48 Implement DeleteRecipe mutation
03:58 Configure the GraphQL cache
04:30 Update Recipes List cache
07:12 Implement Add Recipe Form
14:42 Implement InsertRecipe mutation
17:47 Updates Recipes List cache
19:23 Build fields for RecipeForm Ingredients section
22:01 Explain List Keys in Flutter
23:03 Generate List Keys with uuid package
25:15 Add Ingredients fields update logic
28:47 Amend InsertRecipe request with ingredients
30:27 Some cosmetic changes...
32:26 Outro
Please leave us your feedback in the comments, and let us know what you would like us to demonstrate next! You can reach out in the comments below or on Twitter using #Hasura #GraphQL #Fullstack #Flutter
Like, Subscribe and Hit the Bell 🔔 if you enjoyed this video 😍
Get the source code → https://github.com/graphicbeacon/reci...
Get started with Dart course → https://bit.ly/getstartedwithdart
Hasura 101 Tutorial → • Hasura GraphQL 101 (Instant GraphQL Postgr...
Ferry GraphQL Client Tutorial → • Ferry GraphQL Client for Dart and Flutter ...
When to Use Keys - Flutter Widgets 101 → • When to Use Keys - Flutter Widgets 101 Ep. 4
Subscribe to the channel → http://bit.ly/2P2N1j
Dart docs → https://dart.dev
Read More Dart Tutorials → https://creativebracket.com
Buy me a coffee → https://ko-fi.com/creativebracket
LET'S CONNECT
---
Twitter → / creativ_bracket
Support the channel → / creativebracket