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.

Intermediate

53 Lessons

16h

Certificate of Completion

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.

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

28 Playgrounds

This course includes

28 Playgrounds

Course Overview

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_blo...Show More

TAKEAWAY SKILLS

State Management

What You'll Learn

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

What You'll Learn

Understanding of the BLoC pattern and its application in state management

Show more

Course Content

1.

Getting Started

Get familiar with managing state in Flutter using the BLoC pattern effectively.
2.

Managing States with BLoC Pattern

Look at managing state with BLoC for improved UI separation and data flow.
3.

Implementing BLoC Pattern

Examine the implementation of BLoC pattern using Streams, Events, States, and libraries in Flutter.
4.

Flutter BLoC Library Widgets

Grasp the fundamentals of Bloc and Cubit widgets for streamlined state management in Flutter.
5.

Project #1: Getting to Know the Flutter BLoC Library

Deepen your knowledge of building a Star Wars app with Flutter BLoC and SWAPI API.
6.

Project #2: Implementing Repository Pattern using BLoC Library

7 Lessons

Follow the process of implementing repository patterns with Cubits in Flutter e-commerce apps.
7.

Flutter BLoC Testing

4 Lessons

Master the steps to testing BLoCs, generating unit tests, and verifying state transitions for accurate behavior.
8.

RxDart

5 Lessons

Learn how to use RxDart for versatile and efficient state management in Flutter.
9.

Best Practices

2 Lessons

Unpack the core of using BLoC for every screen and keeping BLoCs simple.
10.

Challenges

4 Lessons

Master the steps to build a Tic-Tac-Toe game and Stopwatch app using BLoC and RxDart.
11.

What's Next?

2 Lessons

Apply your skills to try new projects and explore other state management libraries in Flutter.
12.

Appendix

2 Lessons

Take a look at Flutter learning resources and Firebase authentication setup steps.

Course Author

Trusted by 1.4 million developers working at companies

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Evan Dunbar

ML Engineer

Carlos Matias La Borde

Software Developer

Souvik Kundu

Front-end Developer

Vinay Krishnaiah

Software Developer

Eric Downs

Musician/Entrepeneur

Kenan Eyvazov

DevOps Engineer

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

AI-Powered Mock Interviews

Adaptive Learning

Explain with AI

AI Code Mentor