Simplified Data Architecture with Flutter
Вставка
- Опубліковано 4 лип 2024
- At the end of this video, you will be able to create a data architecture with Flutter. The goal of this data architecture is to manage both internal and external data within your Flutter application. Internal data refers to the data saved on your phone, and for this Flutter project, we will utilize SharedPreference to locally store data within our data architecture. As for external data, we will be using an API, although it's important to note that external data could also be stored in a cloud database. Since we are utilizing an API, we will incorporate the Dio package to handle HTTP requests. Once we receive data from either the internal or external database, we will utilize the ValueNotifier to manage the data within our Flutter app and display the results accordingly. This Flutter data architecture provides a simple approach to handle both internal and external data.
VIDEO YOU SHOULD WATCH:
Every Flutter Widget Explained: • Every Flutter Widget E...
LINKS:
GitHub & architecture graph: fluttermapp.gumroad.com/l/dat...
Shared preferences: pub.dev/packages/shared_prefe...
Dio: pub.dev/packages/dio
Our Website: fluttermapp.com/
OVERVIEW
0:00 What we will build
2:30 GitHub and Architecture.jpg available in description
3:17 Log your data
4:10 Lets' start from scratch
5:17 Set up the app
6:10 Pubspec.yaml
7:32 Connectivity
10:23 Data Notifier
13:18 Data Model
18:15 Home Page
20:22 Add images
22:18 API - Dio
25:39 Manage data Function
28:40 Utils
35:28 Manage Notifiers
36:55 Is Connected Notifier
43:58 Constants
47:23 UI
57:18 Better comments
1:03:35 Android compileSdkVersion 33
1:05:17 'int' is not a subtype of type 'String'
1:07:42 Future Builder
1:09:32 Init
1:13:04 What is this?
1:13:21 Shared Preferences
1:29:44 Log more data
1:33:28 UI (image)
1:35:00 Testing the Flutter Data architecture
1:37:07 Outro
MISSION
Our mission at Flutter Mapp (Flutter Mobile App) is to help purpose driven Flutter developers go full-time doing what they love and making an impact through coding. We achieve this with useful Flutter tips and straight to the point Flutter videos.
SOCIAL MEDIA:
Instagram : fluttermapp
Twitter : FlutterMapp
Website: www.fluttermapp.com
Discord Invite: / discord
CONTACT
For business inquiries email me here: info@fluttermapp.com
Website: fluttermapp.com
#FlutterMapp
#Flutter
Unusual duration of video in this channel... 😅 and that awesome... ❤❤❤
..
Thank you! 🔥
One of the best NEW tutorials i have seen. No state management plugin bla bla bla ..... Beginners need tutorials on how to do basic folders structures, basic dart files organization, how classes talk to each other, basic app configurations like shared prefs. etc, basically for small to medium size, not large size structures...... Thank you
it was very hard to found the right way in back-end so thanks for it and hope more ..
Pleasure! Hope this help along the way 🔥
Very great tutorial for beginner like me, thanks a lot.
6:58 the issue was a typo in connectivity_plus. Thank you for this great video.
Thank you , about to make this app tomorrow , hoping i can understand backend well
You will see its pretty basic stuff 👍
These are always amazing videos.
Thank you Wlad!
Thank you for the wonderful video sir it is very helpful for me and my team, Thanks again sir
Great🔥🔥🔥
Great tutorial! Be aware that running in vs code via debugger will breakpoint on uncaught exceptions (for me It kept breakpointing on host look up).
Your videos are always amazing and useful 😊✌️ approved 👍
thanks that helps alot 🥰😍
Pleasure Nav 🔥 Thanks for the comment!
I commented earlier today but can't seem to find it. I did a replica of your app with getx and get storage
great work... you can add VScode extension: Remove Comments........ and can you explain a great topic: create a flutter app with white label; that there is less information on internet... PLEASE :)
What about getx ?...
I am pretty confused which state manager should I use. In any project...
Try the top 5 then choose what you prefer.
@@o_glethorpe I like getx most. But most of the developers says that it's not good... 😐..
Any suggestion.. ?
Riverpod
@@maazafridi2090 provider or bloc
@@maazafridi2090 Dont know why but my comment got delete, people dont like getx very much because "it changes the way you code flutter apps", its a fair point I must say, but to me I dont care, it makes development way faster, I personally like to use bloc because I like the way my code gets more organized, but you can get getx code organized as well. So it will depends only on your preference or if you are working with a team, what they prefer etc... This days in the tech industry (mobile, web etc...)you just cant ask something like that, like, what state management should I use, what framework should I use, everyone is in some way pushing some agenda.
i want ask about your code in 1:33:29 i am al ready follow your vidio why my code still error The argument type 'String' can't be assigned to the parameter type 'num'.dartargument_type_not_assignable String internal Type: String this is why ya mr
What is this Emulator?
Hi noobie here ^_^,
Can someone elaborare the shared preferences and inits for me, how does the data stored automatically? I'm very new in working with api's in flutter. I will really appreciate your response, thank you very much!
Ca fait peur... On a exactement la même voix. Je sais c'est weird comme commentaire.... Mais cibo...... je n'en reviens pas. ;)
Je viens de faire écouter le video à ma conjointe (20 ans ensemble). Elle croit que je la niaise et que c'est moi qui a fait le video. Elle m'a entendu parler anglais à la journée longue pendant 8 ans à la maison (télétravail). Si un jour tu perds la voix, je peux te doubler sans problème. ha ha Aussi.... ca fait 35 ans que je suis en IT: Programmeur, Analyse, Architecte de système...
How much you earning from UA-cam
400$ ish per month, still extremely grateful 🙏
@@FlutterMapp thanks 👍🙏 honestly. May U grow More and more
takling is cheap show me code
And what was he doing on the video? cooking?
@@karimmakki7225 lol