AI-powered learning
Save this course
Managing State in Flutter Using BLoC Pattern
Gain insights into the BLoC pattern, implement counter and Star Wars apps, use the flutter_bloc library, explore repository patterns, test with bloc_test, and delve into RxDart for reactive extensions.
4.7
53 Lessons
16h
Join 2.9 million developers at
Join 2.9 million developers at
LEARNING OBJECTIVES
- Understanding of the BLoC pattern and its application in state management
- Ability to test the blocs using the bloc_test library
- Familiarity with core widgets of the BLoC library, including BlocProvider, BlocBuilder, BlocSelector, BlockListner, BlocConsumer
- Familiarity with streams to handle asynchronous events like user input, system notification, and responses from remote data sources in the BLoC pattern
- Familiarity with core components of the RxDart library, including stream classes, extensions, and subjects
- Hands-on experience building a tic-tac-toe game using the BLoC library and building a stopwatch using the RxDart library
Learning Roadmap
2.
Managing States with BLoC Pattern
Managing States with BLoC Pattern
Look at managing state with BLoC for improved UI separation and data flow.
3.
Implementing BLoC Pattern
Implementing BLoC Pattern
7 Lessons
7 Lessons
Examine the implementation of BLoC pattern using Streams, Events, States, and libraries in Flutter.
4.
Flutter BLoC Library Widgets
Flutter BLoC Library Widgets
7 Lessons
7 Lessons
Grasp the fundamentals of Bloc and Cubit widgets for streamlined state management in Flutter.
5.
Project #1: Getting to Know the Flutter BLoC Library
Project #1: Getting to Know the Flutter BLoC Library
9 Lessons
9 Lessons
Deepen your knowledge of building a Star Wars app with Flutter BLoC and SWAPI API.
6.
Project #2: Implementing Repository Pattern using BLoC Library
Project #2: Implementing Repository Pattern using BLoC Library
7 Lessons
7 Lessons
Follow the process of implementing repository patterns with Cubits in Flutter e-commerce apps.
7.
Flutter BLoC Testing
Flutter BLoC Testing
4 Lessons
4 Lessons
Master the steps to testing BLoCs, generating unit tests, and verifying state transitions for accurate behavior.
8.
RxDart
RxDart
5 Lessons
5 Lessons
Learn how to use RxDart for versatile and efficient state management in Flutter.
9.
Best Practices
Best Practices
2 Lessons
2 Lessons
Unpack the core of using BLoC for every screen and keeping BLoCs simple.
10.
Challenges
Challenges
4 Lessons
4 Lessons
Master the steps to build a Tic-Tac-Toe game and Stopwatch app using BLoC and RxDart.
11.
What's Next?
What's Next?
2 Lessons
2 Lessons
Apply your skills to try new projects and explore other state management libraries in Flutter.
12.
Appendix
Appendix
2 Lessons
2 Lessons
Take a look at Flutter learning resources and Firebase authentication setup steps.
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Complete more lessons to unlock your certificate
Developed by MAANG Engineers
ABOUT THIS COURSE
Flutter is an innovative framework that allows developers to create high-quality mobile and web apps. Business logic component (BLoC) patterns allow Flutter applications to manage application state.
You'll learn about the BLoC pattern and implement a counter application using streams, events, and states from the BLoC architecture. Next, you will learn to use different widgets provided by the BLoC library that help reduce the boilerplate code. You'll then implement a Star Wars project using the flutter_bloc library and an e-commerce platform using the repository pattern alongside the BLoC pattern. You'll also learn to create mocks to test different blocs using the bloc_test library. You'll also learn to test the functions inside a bloc. Next, you'll learn about the RxDart library that provides reactive programming extensions to streams.
By the end of this course, you'll get hands-on experience with BLoC and RxDart libraries that will equip you to build a mobile or web application with a managed state.
ABOUT THE AUTHOR
Yousra Aly
A mobile software engineer, specializing in Flutter and Android development.
Trusted by 2.9 million developers working at companies
A
Anthony Walker
@_webarchitect_
E
Evan Dunbar
ML Engineer
S
Software Developer
Carlos Matias La Borde
S
Souvik Kundu
Front-end Developer
V
Vinay Krishnaiah
Software Developer
Built for 10x Developers
No Passive Learning
Learn by building with project-based lessons and in-browser code editor
Personalized Roadmaps
The platform adapts to your strengths & skills gaps as you go
Future-proof Your Career
Get hands-on with in-demand skills
AI Code Mentor
Write better code with AI feedback, smart debugging, and "Ask AI"
MAANG+ Interview Prep
AI Mock Interviews simulate every technical loop at top companies
Free Resources
