Build Flutter Apps Fast with Riverpod, Firebase, Hooks, and Freezed Architecture | Apps From Scratch

Подписаться 85 тыс.

Просмотров 49 тыс.

50% 1

» Flutter courses, writeups, and source code on Launch Club 🧠
drp.li/Iq9Bk
» Flutter Job Board 👋
drp.li/T9bLq
Learn Flutter fast in this tutorial by building a shopping list / to do list app with Riverpod, Firebase, Flutter Hooks, and Freezed. Watch tips and tricks to quickly design and prototype a fully functioning mobile app. This tutorial is great for developers who want to improve their mobile app development skills.
» Remember to like, subscribe, comment, and share this video! 🚨
ru-vid.com?sub_...
» Socials📱
GitHub: github.com/MarcusNg
Twitter: / marcuslng
» Resources 📂
Flutter Firebase Setup ( • Flutter Firebase Setup... )
Source Code: github.com/MarcusNg/flutter_s...
» Timestamps 🕒
0:00 Introduction
0:34 Flutter Branch - Null Safety
0:50 pubspec.yaml and analysis_options.yaml
1:50 Firebase Setup
2:14 Firebase Authentication
2:30 Auth Repository
5:21 Auth Controller
6:44 Testing Anonymous Authentication and Logout
7:32 Item Model with Freezed
10:08 Item Repository
12:32 Item Controller
15:36 Add Item Dialog
17:01 Display Errors with SnackBar
17:16 Item List
17:51 Item List Error
18:17 Item Tile and Build Optimizations
19:27 Running the app
19:54 Item List Filter Provider
20:59 Item List Filter Toggle
21:24 Thanks for watching 🙏
» Music 🎶
[NCS ( / nocopyrightsounds )]
Limitless - Elektronomia ( / elektronomia )
Joakim Karud ( / joakimkarud )
#Flutter #FlutterRiverpod #FlutterFirebase

Опубликовано:

4 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 89

@kemids2842 3 года назад

YES!!! thank you so much! please create more tutorials with Riverpod, Firebase, Hooks, and Freezed

@miguel_bogota 3 года назад

I love this kind of tutorials. It feels more like Fireship or Robert Brunhage videos. I hope I can see more of them in the future. However, I have to admit I enjoy way more your 'Apps from Scratch' tutorials. I'm new to Flutter and be able to see somebody think and guide me through everything it's amazing.

@tluanga-ruatpuii-pa 2 года назад

There hasbeen breaking changes in StateNotifierProvider, the code should be final authControllerProvider = StateNotifierProvider

@CZARCZAR Год назад

Very useful, thanks

@Soulcybering 3 года назад

I love Riverpod + Freezed, hope to see more videos with them inside. This video is one of the best about the topic currently, thank you

@adilbasharat 2 года назад

I need to watch this 200 times to understand it all .. This video contains the most amount of information one can get in 20 minutes on RU-vid. Good Job Marcus.

@dennisbarzanoff9025 2 года назад

If you need 200 times to understand it, that does not speak good for the video

@adilbasharat 2 года назад

@@dennisbarzanoff9025 or doesn’t speak good for my intellect

@dennisbarzanoff9025 2 года назад

@@adilbasharat lol teacher vs student

@dennisbarzanoff9025 2 года назад

@@adilbasharat i would say this vid requires a lot of prev knowledge and experience. It's advanced. You need tp be able to relate to certain things

@adilbasharat 2 года назад

@@dennisbarzanoff9025 I understand it now and implemented it already in my app. Watched it about 200/10 times in order to do so 😄

@chuxville11 3 года назад

Thanks for another one Marcusng

@stewartchan1057 3 года назад

Working through the tutorial now - really great stuff. Thanks!

@haseebkahn4811 2 года назад

I just found out this channel. I can't believe how lucky I am to have found such an expert flutter developer. Thank you!

@kirilllapshev 2 года назад

What a great video! Riverpod + Fluter hooks + Freezed is a really powerful combination! Thank you for sharing your knowledge! 🙏🏻🙌🏻

@Ahmedibrahim356 3 года назад

This is actually the most valuable video i have ever seen on youtube until now. 🤩 Great work !

@Ahmedibrahim356 2 года назад

@@ExtraServingsBTS can you do better ? I guess not.

@silas_wolf 2 года назад

This video is absolutely amazing, thank you!!!

@laziboi5975 2 года назад

I learn much from your video man!, thx much

@rhuanbarros 2 года назад

the best video about flutter riverpod hook firebase

@koxwobi6431 2 года назад

Dude, thank you so much for this content! It's a huge help for me now!

@Ageleo 3 года назад

Loving the recent activity from you

@a22601807 2 года назад

Thanks for your sharing! I learn from this course a lot.

@naratewongserewattana3966 2 года назад

love this tutorial

@em3888 3 года назад

Great materials actually

@peekpt 3 года назад

Simple, direct, informative

@KennyBlewett 2 года назад

6:50 For anyone watching in current times, HookWidget is depreciated and should be replaced with HookConssumerWidget. With that the first few lines of the HomeScreen class should look more like this: class HomeScreen extends HookConsumerWidget { @override Widget build(BuildContext context, WidgetRef ref) { final authControllerState = ref.watch(authControllerProvider);

@Celestial0Force Год назад

is the rest basically the same?

@CZARCZAR Год назад

Great answer, thank you

@caballero75RS Год назад

Thanks Kenny !!!

@mdhossen7082 2 года назад

This video is Very helpful

@evara0 3 года назад

thanks for the video

@RandalLSchwartz 3 года назад

hooks_riverpod automatically pulls in flutter_hooks and all the riverpod stuff. I let the transitive dependencies take care of that.

@hojdog 2 года назад

Nice code quality

@andenetalexander5244 3 года назад

This is how you write beautiful code.

@alarmaerand7082 2 года назад

Super useful video about setting structure and architecture for your app! Do you have some video or course how to solve Firebase data access layer in generic way. That CRUD operations and streaming results are done in in generic way and can be used for all the collections etc. Maybe some clever way with extensions or inheritance etc.

@talatkuyuk6556 3 года назад

Thanks for that.You are very clever. Two questions. 1) If we manipulate an item directly from Firebase, does the UI listen this changes, so it updates self automatically? How do we do that? 2) how we separate all logic from UI establishing model-view-viewmodel (MVVM). I want to reach view model from a view(UI) for example with model.itemList, model.countItem, model.getItemList() something like that? If you provide an architecture like MVVM using the same tools (RiverPod, Firebase, Freeze, Exception mechanism etc., listening the database, caching mechanism etc.) this will be very huge achievement.

@quangle5701 2 года назад

Hi @Marcus, I really like the content. Do you have plan to include Riverpod into your Flutter courses? Thanks.

3 года назад

Me putting on repeat to see more ads so you can get some money from me

@domino7097 3 года назад

Good day. I liked your lessons. Could you take a lesson on how to make a mobile application on the topic of ecology? For example, the application how to improve the ecology in the place where you live, having good habits, can be done in a playful way. And so on. What do you think? It is on Flutter in the Dart language. After all, the topic of ecology is more relevant than ever, you will help a lot if you do a lesson

@lowglow687 3 года назад

You made me feel like I have to relearn how to code again :'(

@nevek895 2 года назад

lol your video is like fireship's video :D

@keithbacalso9433 3 года назад

Hi Marcus Ng, I am just curious, what is the best or what State Management that is very useful for you and why?

@akshaymankodia9003 2 года назад

Hi, thanks for the video @ Marcus Ng . May I know , how can we do testing for filtered list either of any testing method i.e. unit/widget/integration ? Thanks

@adilbasharat 2 года назад

Can you do a tutorial on how to implement google maps with riverpod and have the initial camera position go to users address from friebase?

@avatar_ng 3 года назад

Thanks for the great tutorial! I got this error message while implementing the login page. any idea why? "'package:riverpod/src/framework/base provider.dart': failed assertion: line 944 pos 7: 'exposedvalue is listened': a provider tried to assign `null` to a non-nullable `exposedvalue`"

@1GAMEDOG1 Год назад

The cloud_firestore API has been updated and you need to specify the type of data you're getting from the DocumentSnapshot. This means the line > final data = doc.data()!; in the item model, needs to be changed to > final data = doc.data()! as Map; or you'll get the error "The argument type 'Object' can't be assigned to the parameter type 'Map'."

@shei69 3 года назад

Can you do one with changenotifier instead of statenotifier ?

@naxcall 2 года назад

make videos about updated riverpod pleasee

@RamkumarSivakaminathan 3 года назад

I'm not sure why your website loads without any CSS while I'm connected to my broadband but is perfectly fine on my mobile network

@quicksketch1617 3 года назад

Hi, I have some questions, I use a lot of autocomplete and 2 were different of what you use: 1 - cloud firestore - firestore core, what is the difference 2 - In the ItemListController, before create the variables, it creates this construtor, again what is the diference? ItemListController(AsyncValue state) : super(state); Your constructor ItemListController(this._read, this._userId) : super(AsyncValue.loading()); It's set to loading, why? And what is extensions? extension FirebaseFirestoreX on FirebaseFirestore

@purushottampk4530 3 года назад

I've problem in option 2

@Qibla_Kha Год назад

What is the best way to retrieve an Item and access its name (item.name) using the itemListController if i know the item id ?

@CZARCZAR Год назад

14:42 Breaking changes In order to get the state of the Exception provider, you must have to use .notifier like this: _read(itemListExceptionProvider.notifier).state = e;

@Hema115 2 года назад

My Item widget is stuck on the CircularProgressIndicator... Please help!!

@sultanmyrza 3 года назад

What software is used for intro video?

@DiegoTheWolf 2 года назад

Could you make a follow up on how to implement more than anonymous login (like the normal email, google, etc.) I'm trying to port my bloc logic but i cannot get my head around it

@TylerR909 3 года назад

Awesome! Next idea: Continue from here and implement a way for me to share this list with my wife on her own account. We need to convert to streams, model our data for shared access, figure out invites/linking/ownership… Would be a pretty cool exercise.

@kenmmita346 3 года назад

was going well ... until you used freezed to generate all those methods. I'm still struggling to know what they are used for.

@mahmudizukri 3 года назад

Cool

@DavidHust 2 года назад

I'm at a lose why there is an auth_controller file. All it seems to do is repeat what what is in the auth_repository file.

@guythomas9977 3 года назад

What plugin is putting the inline error descriptions in vs code?

@CodingwithDay 3 года назад

@@MarcusNg was looking for this for so long.

@tluanga-ruatpuii-pa 2 года назад

The code is notworking please update

@tsbaurzhan 3 года назад

Why you created abstract repository if you hardcoding firebase repository in your provider?

@ihardikb 3 года назад

for unit testing

@debajyotisaha4289 Год назад

The Reader Type in 3:46 is not in Riverpod 2.0. Can anyone tell me the fix??

@justbasic2862 Год назад

old: final Reader _read; _read(*); new: final Ref _ref; _ref.read(*);

@mdhossen7082 2 года назад

How to make flutter calculator

@CZARCZAR Год назад

7:11 Breaking changes on the sign-Out button To read the method signOut() you must use the ref instead of the context like this: ref.read(AuthControllerProvider.notifier).signOut();

@StevenHagene 3 года назад

the latest riverpod breaks this, is it possible to see the changes with latest riverpod?

@stevenhagene7424 3 года назад

@@MarcusNg your awesome

@douglasharringtonmuhone1144 2 года назад

@@MarcusNg source code link please. Great tutorial btw

@tluanga-ruatpuii-pa 2 года назад

factory Item.fromDocument(DocumentSnapshot doc){ final data=doc.data()!; return Item.fromJson(data).copyWith(id:doc.id); this line gives an error message The argument type 'Object?' can't be assigned to the parameter type 'Map'

@adilbasharat 2 года назад

Any leads on this ? I have the same issue