Тёмный

Flutter Bloc Tutorial For Beginners | BLoC Architecture/Pattern & State Management Explained 

Rivaan Ranawat
Подписаться 54 тыс.
Просмотров 84 тыс.
50% 1

In this course, we will learn about the Flutter Bloc State Management Tool along with the BLoC Architecture/Pattern by creating 4 Projects using Flutter! We will learn about Bloc, Cubit, BlocProvider, BlocBuilder, BlocConsumer, BlocListener, RepositoryProvider, BlocObserver and various methods and functionalities they offer. Along with that, we'll learn about Bloc vs Cubit, understanding when to use what and just simplifying Bloc down by a lot. We'll also learn about writing clean code by implementing BLoC Pattern in an API Powered Project.
Source Code: github.com/RivaanRanawat/flut...
📌 Discord Server - / discord
Resources:
20 Hours Flutter Beginners Course - • The Complete Dart & Fl...
Provider in 7 Minutes - • Flutter Provider State...
ToDo List Beginner Files - github.com/RivaanRanawat/flut...
Login Form App Beginner Files - github.com/RivaanRanawat/flut...
Weather App Beginner Files - github.com/RivaanRanawat/flut...
Timestamps:
(00:00:00) Introduction
(00:00:44) Project Setup + Bloc Installation
(00:03:39) Counter App With Cubit State Management - Overview
(00:30:38) Counter App With Bloc State Management - Overview
(00:49:48) Similarity Between Bloc & Cubit
(00:50:18) Todo List App With Cubit - BlocBuilder, onChange, onError
(01:11:59) Login Form App with Bloc - States, Events, BlocListener, BlocConsumer, onTransition, bloc_concurrency
(01:56:31) BlocObserver
(02:01:09) Weather App - BLoC Architecture Pattern
(02:30:18) BLoC Pattern Recap
(02:33:36) Is BLoC Unnecessary work?
(02:34:15) Conclusion
Connect With Me Here:
GitHub: github.com/rivaanranawat
Linkedin: / rivaan-ranawat
X: x.com/RanawatRivaan
Medium: / namanrivaan
Instagram: / optimalcoding

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

 

4 авг 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 213   
@GameSteals
@GameSteals 2 месяца назад
At 1:04:56, no offense, but the explanation seemed a bit flaky. Here are my 2 cents on why the state is not changing even after adding a new to-do object in the 'state' list. When we first initiate the state with an empty list [], this list has an address in memory (say A1), similar to how a house has an address. Continuing with this analogy, like how if more people start residing in the house, the address of the house does not change, similarly if we add more elements in the list, the address of the list will also not change. The emit() function likely compares two states based on the r-value (which is address in the case of Lists, Maps, and objects, and the actual value in the case of primitives like int, float, double, etc). Here emit() concludes that the state has not changed, since the address of the list has not changed, therefore it stops any further processing. Therefore, to actually change the address of the list, 1. We have to create a copy of the list (This creates a new list with a new address (say A2)) 2. Add the items in this new list 3. Pass this new list to emit() Now when emit() compares the two lists, it finds that the address is different, and it updates the state. Hope this helped someone.
@RivaanRanawat
@RivaanRanawat 2 месяца назад
Good explanation, thanks for taking the time to write & help others!
@sagarshah5341
@sagarshah5341 2 месяца назад
Man you are good at DSA!
@jatindersinghaujla
@jatindersinghaujla Месяц назад
​@@sagarshah5341 it's general programming concepts not dsa. It works based on the address of list, map etc. To understand this in details need to know how equals and hashcode works
@sagarshah5341
@sagarshah5341 Месяц назад
@@jatindersinghaujla The guy understood what I was implying.
@andrewspourgeon
@andrewspourgeon 7 дней назад
Damn Good explanation Bro , But I didn't understood one thing , as per u r explanation - When we first initiate the state with an empty list [], this list has an address in memory (say A1) which does not contain any value. - Then if we add a value to that list the address of the list will still be the same - According to this analogy , why the first element that is being added is getting shown ? - If u observe clearly at 1:02:55 the first value is shown , its stopped showing only from 2nd value
@MrxAmjad
@MrxAmjad 8 месяцев назад
As of now, This man is God Gift for flutter developer, His insane contribution for Flutter Developers always be memorable in flutter history, this much quality content absolutely for free is ❤❤❤❤❤.
@RivaanRanawat
@RivaanRanawat 7 месяцев назад
Thank you so much!!
@yarachesu2604
@yarachesu2604 2 месяца назад
It is hard working not a gift.
@Vikram_Naik
@Vikram_Naik День назад
Manhhhh! This is the best tutorial out in RU-vid for bloc state management You are amazing
@hashir2749
@hashir2749 4 месяца назад
Seen a lot of state management tutorials but this one is on Top.
@samuelvmoura
@samuelvmoura 4 месяца назад
Wow, I've been after some good, well explained bloc tutorials for a while and yours got literally all my questions answered. thank you so much!
@Mitsue51
@Mitsue51 4 месяца назад
Thanks, it's really helpful because following the login tutorial from the bloc documentation wasn't enough for a beginner like me. You explain really well, thanks for your time
@hussainrizvi5423
@hussainrizvi5423 7 месяцев назад
OH MY GOD!!! THANK YOU SO MUCH SIR... this is by far the best video for bloc tutorial.
@rakshithadilshan9888
@rakshithadilshan9888 6 месяцев назад
Very valuable content. No one has taught like this❤
@numan947
@numan947 4 месяца назад
Hey! Just wanted to say thanks! I was on the fence about whether to invest about 3 hours of my time in it, but I am glad I did. Your shown examples along with the explanations helped clear out a lot of the confusions and questions I had.
@arminyazdian6598
@arminyazdian6598 4 месяца назад
Thank you so much for putting huge amount of time and effort!
@its_suresh_v
@its_suresh_v 7 месяцев назад
Riwan love you man the way you explained bloc outstanding brother, Crystal-clear explanation superb 👏
@jatindersinghaujla
@jatindersinghaujla Месяц назад
This video is worth watching. You cleared so many doubts.
@Basslanyience
@Basslanyience 7 дней назад
Thanks so much. This course was a long overdue for me but I finally got it done. I feel way more confident about Bloc and Cubit now.
@malukishtiaq
@malukishtiaq 4 месяца назад
You are just awesome my friend. I watch your videos on priority. It helps me stay polished.
@anurudhsingh3397
@anurudhsingh3397 6 месяцев назад
I have no words!! Fluent like air!!!! Thanks !!!!
@RivaanRanawat
@RivaanRanawat 5 месяцев назад
Thank you!
@LinuxUser_
@LinuxUser_ 8 месяцев назад
As my 7th-semester exams are concluding next week in pursuit of a CS degree, I'm eager to delve into Flutter projects. I already have a grasp of Flutter and Dart basics. However, time is limited, and with companies beginning recruitment, I'm feeling the pressure due to the absence of projects. I would greatly appreciate your guidance, Rivaan, including video recommendations to kickstart my Flutter journey, project ideas, and tips for both project development and placement preparation. Your assistance means a lot 🙏🏻
@kevinvishal9071
@kevinvishal9071 4 месяца назад
This tutorial is a gem for Flutter developers. The explanations provided are incredibly detailed, making a complex pattern appear straightforward. I'm grateful for the thorough guidance provided by the instructor. Thank you, Master.❤
@richardwindley7355
@richardwindley7355 7 месяцев назад
When I started watching, I thought "I won't sit here for 2.5 hours..." but I did. This is a great video which explains the subject matter very clearly with good examples.
@KhawarShahzad-lj9gh
@KhawarShahzad-lj9gh 13 дней назад
For first time I saw a tutorial completely. 🙂
@hurbangash1302
@hurbangash1302 3 месяца назад
i did not know bloc was so easy .thank you so much rivan bhai
@chitko1706
@chitko1706 7 месяцев назад
awesome sir. you are the mentor who i was looking for🎉.please,upload more.
@synnotus
@synnotus 7 месяцев назад
You are the best thing ever happened to flutter. Your explanations are beginner friendly. Thanks
@RivaanRanawat
@RivaanRanawat 7 месяцев назад
Thank you!
@muammar88
@muammar88 5 месяцев назад
Man you rock! Thanks a lot for sharing your expertise ❤
@amityadav85
@amityadav85 7 месяцев назад
brilliant! thank you kind sir! very nice method of teaching!
@Badshah1614
@Badshah1614 8 месяцев назад
Thank you so much sir for uploading a new flutter video again . How long have we been waiting for your next Flutter video?
@nisafv.a8710
@nisafv.a8710 8 месяцев назад
Thankyou so much maaan . Really helpful ❤ . God bless
@pratyushvaibhav
@pratyushvaibhav 8 месяцев назад
Hats off A big round of applause ✋ A big thanks for this 🙏
@RivaanRanawat
@RivaanRanawat 7 месяцев назад
My pleasure!
@livingfreeely
@livingfreeely 4 месяца назад
thanks a lot Rivaan
@aizen_3438
@aizen_3438 8 месяцев назад
Hats off waiting for this 🔥
@RivaanRanawat
@RivaanRanawat 7 месяцев назад
Hope it was helpful!
@RishabhTiwari-v3l
@RishabhTiwari-v3l 9 дней назад
A Very Big Thanks to You Sir ❤❤
@rolesquare3624
@rolesquare3624 8 месяцев назад
I was wondering when Rivaan will move to bloc and here it is. Thank you for showing me a lot in flutter.
@RivaanRanawat
@RivaanRanawat 7 месяцев назад
My pleasure!
@DataSet
@DataSet 6 месяцев назад
For those who don't know, Rivaan is only 17
@c00per_
@c00per_ 3 месяца назад
Ikrrrr💀🗿💥
@andrewspourgeon
@andrewspourgeon 7 дней назад
Dear Rivaan , U have an excellent explanation skills bro ❤‍🔥 , This one is a gem 😍
@jayisampelliwar5065
@jayisampelliwar5065 8 месяцев назад
finally, the Most awaited video ✅ best flutter channel exists on YT
@RivaanRanawat
@RivaanRanawat 7 месяцев назад
Thank you!!
@arnaudroncari2468
@arnaudroncari2468 6 месяцев назад
Such a great teacher !
@RivaanRanawat
@RivaanRanawat 6 месяцев назад
Thank you!
@user-rk3me5st3q
@user-rk3me5st3q 5 месяцев назад
this is pure gold
@sujalutekar9417
@sujalutekar9417 8 месяцев назад
I was waiting for this only 🔥🔥
@RivaanRanawat
@RivaanRanawat 7 месяцев назад
Hope it helps!
@shhhhh.
@shhhhh. 4 месяца назад
Great video 👌👌👌
@faridahmadov5991
@faridahmadov5991 6 месяцев назад
You are the best tutor ever!
@RivaanRanawat
@RivaanRanawat 6 месяцев назад
Thank you!!
@justetk
@justetk 2 месяца назад
Nice Video! Thanks from Azerbaijan!
@abidhasansnigdho
@abidhasansnigdho 7 месяцев назад
You are awesome at making complex things easy ❤
@RivaanRanawat
@RivaanRanawat 7 месяцев назад
Thank you!
@aouadicharaf1038
@aouadicharaf1038 3 месяца назад
finished!! Amazing content ❤❤❤
@RivaanRanawat
@RivaanRanawat 3 месяца назад
Thank you!
@muhammadbilal-sd9kf
@muhammadbilal-sd9kf 4 месяца назад
Your way of explaining bloc pattern is amazing. Please make a video of about MVVM architecture using provide. thanks
@LelloApp
@LelloApp 2 месяца назад
it was fantastic!!! thanks
@RivaanRanawat
@RivaanRanawat 2 месяца назад
Glad you liked it!
@pravinprince3221
@pravinprince3221 8 месяцев назад
Thank you for the wonderful tutorial bro, it is very helpful for me and my team thanks again
@RivaanRanawat
@RivaanRanawat 7 месяцев назад
My pleasure!
@azamovdev
@azamovdev 7 месяцев назад
Good Bro I wish luck your works
@faridahmadov5991
@faridahmadov5991 8 месяцев назад
Quite good explain
@SohaibSanaa
@SohaibSanaa 5 месяцев назад
I came to learn Bloc State Management and ended up as his fan. I love the way how he Explain and teach. If this course was on Udemy, he must hai Millions of Students by now. (An this course should be on Platforms like Udemy) 💯❣💫
@zaitoontech
@zaitoontech 4 месяца назад
Awesome thanks bro
@alanta335
@alanta335 3 месяца назад
best tutorial i heard in a long time🤩
@RivaanRanawat
@RivaanRanawat 3 месяца назад
Thanks!
@z1lowf
@z1lowf 5 месяцев назад
You are insane. Thx for everything. Im learning from u a lot.
@roninspect4357
@roninspect4357 8 месяцев назад
a big project with bloc and supabase would be very awesome & unique.
@madmilitiangaming5694
@madmilitiangaming5694 8 месяцев назад
amazing content
@maulahaz
@maulahaz 8 месяцев назад
MashaAllah.. very good explanation. Deep like diving in the ocean. Recommended to watch.
@RivaanRanawat
@RivaanRanawat 7 месяцев назад
Thank you!
@ramandahiya6977
@ramandahiya6977 4 месяца назад
well explained
@user-hq6ul4ob2z
@user-hq6ul4ob2z 6 месяцев назад
Outstanding Explanation.....
@RivaanRanawat
@RivaanRanawat 6 месяцев назад
Thank you!!
@manohar.acharya
@manohar.acharya 8 месяцев назад
was despereatly waiting for bloc wanna see fullstack project on bloc & cubit
@user-bg1ks1rq4o
@user-bg1ks1rq4o 7 месяцев назад
Amazing video, that's very good
@RivaanRanawat
@RivaanRanawat 7 месяцев назад
Thank you!
@user-zq1il5lj4h
@user-zq1il5lj4h 2 месяца назад
An Advantageous tutorial.👋
@RivaanRanawat
@RivaanRanawat 2 месяца назад
Glad you think so!
@ndonnayacynth1991
@ndonnayacynth1991 3 месяца назад
Thank you so much
@RivaanRanawat
@RivaanRanawat 3 месяца назад
Pleasure!
@rifkiardiansyah616
@rifkiardiansyah616 5 месяцев назад
Bro, you saved me
@sabinpoudel6969
@sabinpoudel6969 7 месяцев назад
Rivaan you are gem for a flutter community. Thanks for clearing my doubts.!!!
@RivaanRanawat
@RivaanRanawat 7 месяцев назад
Glad it was helpful:)
@Revanth233
@Revanth233 8 месяцев назад
Tqsm bro for making videos most beautiful 😍
@RivaanRanawat
@RivaanRanawat 7 месяцев назад
Most welcome!
@joelmathew3253
@joelmathew3253 8 месяцев назад
Great one
@RivaanRanawat
@RivaanRanawat 7 месяцев назад
Thanks Joel!
@VaibhavC-co1bi
@VaibhavC-co1bi 6 месяцев назад
this is so awesome bloc tutorial and very clear so that developers like me can understand. Can you make a video about the features first appraoch or some project based on bloc
@RivaanRanawat
@RivaanRanawat 5 месяцев назад
Will be coming soon, hopefully March!
@nullcodeer
@nullcodeer 8 месяцев назад
great boss...................
@RivaanRanawat
@RivaanRanawat 7 месяцев назад
Thanks!
@PaoloTshiyole
@PaoloTshiyole 7 месяцев назад
That's amazing, good video May you do a video with flutter and gemini pro api please
@leoe.r.7338
@leoe.r.7338 8 месяцев назад
Thanks bro!.
@RivaanRanawat
@RivaanRanawat 7 месяцев назад
My pleasure!
@aash1r869
@aash1r869 8 месяцев назад
Hey Rivaan, Kindly make a video on Flutter using Stacked state management, tutorials on stacked are almost impossible to find, would be of great helpp!
@HGHG-yn4uo
@HGHG-yn4uo 5 месяцев назад
You are the best 😘😘
@RivaanRanawat
@RivaanRanawat 5 месяцев назад
Thank you!
@faheemahmadofficial7701
@faheemahmadofficial7701 8 месяцев назад
Thanks great help, would like to see firebase full using clean arvh and cubit all cruds fcm cloud functions and model based work
@pallabroy8800
@pallabroy8800 8 месяцев назад
Pls make a dedicated course on fl_charts and also make a video on how to use fl_charts with api to use real time data for the graphs
@nidhinlalp5267
@nidhinlalp5267 8 месяцев назад
tnks lot
@RivaanRanawat
@RivaanRanawat 7 месяцев назад
Welcome!
@vikashtiwari8360
@vikashtiwari8360 8 месяцев назад
thank you soo much
@RivaanRanawat
@RivaanRanawat 7 месяцев назад
My pleasure!
@anooptj9730
@anooptj9730 6 месяцев назад
Thank You
@RivaanRanawat
@RivaanRanawat 6 месяцев назад
Pleasure!
@parameshmamidisetti8167
@parameshmamidisetti8167 8 месяцев назад
it's awesome
@RivaanRanawat
@RivaanRanawat 7 месяцев назад
Thanks!
@muhammadjavedrafique4592
@muhammadjavedrafique4592 8 месяцев назад
oh yrr Rivan i dont know who told you what we need on which time 🤣🤣.... tnku Gem
@RivaanRanawat
@RivaanRanawat 7 месяцев назад
Hahaha, thank you!
@arthonuy7211
@arthonuy7211 8 месяцев назад
Hey Rivaan I have a doubt in Todo app , when we first update the empty list by state.add() then emit(state) then why emit is notifying the listeners about the change? I mean todo list page should not show anything right?
@mohammadsaidi880
@mohammadsaidi880 8 месяцев назад
love love love from Bangladesh
@RivaanRanawat
@RivaanRanawat 7 месяцев назад
Thank you!
@techwithotabek
@techwithotabek 6 месяцев назад
Hey Rivaan, great tutorials brother. Can you also make a tutorial for Provider like you did for Bloc?
@RashidKhan-kd9xl
@RashidKhan-kd9xl 4 месяца назад
He had it.. you can see it ( in his 3rd app in 20h course of flutter for beginners) but there nothing much in providers ❤
@scorpionadvertising8808
@scorpionadvertising8808 Месяц назад
He is a better teacher than a coder😂
@user-nt3oq6cp5n
@user-nt3oq6cp5n 5 месяцев назад
your video is very useful! So, i have one Question, Is there any no need domain layer that use in clean architecture?
@manulagadec6846
@manulagadec6846 5 месяцев назад
23:40 🤣 you're the goat
@srhanzd3022
@srhanzd3022 2 месяца назад
😍😍😍
@hurbangash1302
@hurbangash1302 4 месяца назад
rivan bhai next responsive design tutorail please
@footballace8371
@footballace8371 15 дней назад
Please do a video on Stacked MVVM Architecture
@user-cd5mk5rv9d
@user-cd5mk5rv9d 5 месяцев назад
Such a great Tutorial.
@RivaanRanawat
@RivaanRanawat 5 месяцев назад
Thanks, glad you liked it!
@__basith__742
@__basith__742 7 месяцев назад
see you should also include stream subscrption using bloc it would be every much appreciated
@srhanzd3022
@srhanzd3022 2 месяца назад
🤩🤩🤩
@jainambarbhaya1736
@jainambarbhaya1736 8 месяцев назад
so which is more recommended Bloc or Riverpod ?
@aouadicharaf1038
@aouadicharaf1038 3 месяца назад
❤❤❤
@akshatt25
@akshatt25 8 месяцев назад
Rivaan It would be really great if you make a Spotify clone (integrating Spotofy API) it's API is considered to be real tough
@justinprakashraj6256
@justinprakashraj6256 8 месяцев назад
❤👏
@youtubeaziz1528
@youtubeaziz1528 8 месяцев назад
is bloc only provide global instance ?
@szyszak9424
@szyszak9424 7 месяцев назад
1:37:17 when after circular loading indicator ends it shows previous screen for a bit and then goes to next one, is it a glitch or what?
@pravinprince3221
@pravinprince3221 4 месяца назад
Good morning bro one more request bro can you please do detailed videos on bloc_concurrency and transformer like this one please
@user-gl8mz7jm4l
@user-gl8mz7jm4l 4 месяца назад
can you create the video like how can we dependency inject, using the annotation, and using of json serizable and more
@code_-rq1wh
@code_-rq1wh 25 дней назад
which file icon theam your are useing
@pradeepg4498
@pradeepg4498 8 месяцев назад
How to handle stream and bloc state value in another bloc
@gyanupadhyay9473
@gyanupadhyay9473 8 месяцев назад
How to handle crud in forms using bloc?
Далее
The moment we stopped understanding AI [AlexNet]
17:38
Просмотров 847 тыс.
Arm PC Build (Rock 5 ITX)
22:35
Просмотров 64 тыс.
Why The Windows Phone Failed
24:08
Просмотров 192 тыс.
When RESTful architecture isn't enough...
21:02
Просмотров 265 тыс.
All Rust string types explained
22:13
Просмотров 158 тыс.
Build a productivity web app that's NOT a todo list
18:55