Flutter BLoC/Cubit Tutorial with REST API and Repository Pattern
In this video, you will learn everything about the bloc pattern in #flutter and by the end of this video, you will become confident enough to start using the #bloc pattern in your own flutter apps.
Github repository link:
https://github.com/heyletscode/flutter-cubit-tutorial
Download NodeJS:
https://nodejs.org
Flutter Routing Explained in 3 Minutes!
https://www.youtube.com/watch?v=4LO9CavdEMY
Allow Insecure HTTP:
Android: android:usesCleartextTraffic=“true” (Add this under application tag)
iOS: https://gist.github.com/heyletscode/f53bbd5b4baa8df22a0e35161daeef95#file-insecure_http-xml
Follow me on social media:
https://www.instagram.com/heyletscode
https://www.github.com/heyletscode
https://www.twitter.com/_heyletscode
https://www.facebook.com/heyletscode
Contents of this video:
00:00 - Introduction
01:25 - App showcase
03:01 - Set up the JSON server
08:30 - Create the project and install required extensions
09:28 - Folder structure and app screens
14:10 - Set up navigation routes
17:00 - Coding the todos screen
19:15 - Intro to cubits
23:40 - Add flutter_bloc library in the project
24:58 - Create the first cubit
26:38 - BlocProvider
29:05 - Repository, network service and todo model
31:20 - Fetching todos from server
46:28 - BlocBuilder
55:45 - Completing todo on swipe
1:04:00 - Add todo screen
1:16:55 - BlocListener
1:19:47 - Edit todo screen
1:33:25 - Run on a real device
1:35:00 - MultiBlocProvider & BlocConsumer
Suggest:
☞ Flutter TabBar & TabBarView by Sample Code | Flutter Tutorial | Flutter 2023
☞ Flutter Tutorial: Flutter PDF Viewer | Flutter PDF Tutorial | PDF in Flutter
☞ Flutter Tutorial For Beginners In 1 Hour
☞ Code a Twitter Clone with Flutter, Appwrite, Riverpod | Full Tutorial for Beginners to Advanced