Uploaded July 2024 | Updated September 2026, 2 weeks ago
If you are tired of spaghetti code in your Flutter projects, this is for you!
This comprehensive Flutter tutorial dives into Bloc, a powerful state management solution that helps you organise your app's logic and data flow for a cleaner, more maintainable codebase.
What you'll learn:
- The core concepts of the Bloc pattern (Events, States, Blocs)
- How to create a Bloc or Cubit for your app
- Implement Bloc in a practical Expense tracker application
- Learn best practices for using Bloc in your Flutter projects
and more.
By the end of this tutorial, you'll be equipped to confidently use Bloc to streamline your Flutter development and create scalable, well-structured applications.
Hit that subscribe button for more Flutter magic! ✨
Video Timeline
00:00 Intro
01:28 How Does Bloc Work?
02:29 What We Are Building
02:34 Project Setup
04:36 The Expense Model
05:46 The Category Model
06:02 The Data Layer: Local Data Storage
10:57 The Repository Layer: Expense Repository
11:43 Initialization & Entry Point
12:52 The Expense Form Bloc
16:43 The Expense Form
22:07 The Expense List Bloc
25:40 The Expense List
28:40 Updating an Expense
32:10 Filtering the Expenses
34:34 Conclusion
Need an App or Website?
👉Book a call now: calendly.com/d/cqqg-njs-988
Also Checkout :
👉 Join 12-Week Flutter Training: heyflutter.com
👉 Join the WhatsApp Channel to get the latest news about Flutter & HeyFlutter: whatsapp.com/channel/0029VaDNCZtC1Fu8nL2vmw3f
👉 Source Code: github.com/HeyFlutter-Public/flutter_expense_tracker_bloc
If you are tired of spaghetti code in your Flutter projects, this is for you!
This comprehensive Flutter tutorial dives into Bloc, a powerful state management solution that helps you organise your app's logic and data flow for a cleaner, more maintainable codebase.
What you'll learn:
- The core concepts of the Bloc pattern (Events, States, Blocs)
- How to create a Bloc or Cubit for your app
- Implement Bloc in a practical Expense tracker application
- Learn best practices for using Bloc in your Flutter projects
and more.
By the end of this tutorial, you'll be equipped to confidently use Bloc to streamline your Flutter development and create scalable, well-structured applications.
Hit that subscribe button for more Flutter magic! ✨
Video Timeline
00:00 Intro
01:28 How Does Bloc Work?
02:29 What We Are Building
02:34 Project Setup
04:36 The Expense Model
05:46 The Category Model
06:02 The Data Layer: Local Data Storage
10:57 The Repository Layer: Expense Repository
11:43 Initialization & Entry Point
12:52 The Expense Form Bloc
16:43 The Expense Form
22:07 The Expense List Bloc
25:40 The Expense List
28:40 Updating an Expense
32:10 Filtering the Expenses
34:34 Conclusion
Need an App or Website?
👉Book a call now: calendly.com/d/cqqg-njs-988
Also Checkout :
👉 Join 12-Week Flutter Training: heyflutter.com
👉 Join the WhatsApp Channel to get the latest news about Flutter & HeyFlutter: whatsapp.com/channel/0029VaDNCZtC1Fu8nL2vmw3f
👉 Source Code: github.com/HeyFlutter-Public/flutter_expense_tracker_bloc
