Managing State in Flutter Using BLoC Pattern

Intermediate

53 Lessons

16h

Certificate of Completion

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

Course Content

Getting Started

Introduction to the Course

Managing States with BLoC Pattern

What Is State Management?

What is BLoC Pattern?Quiz: Basics of State Management

Implementing BLoC Pattern

Streams Events and States StreamController Putting BLoC Concepts to Use BLoC Pattern and Libraries Exercise Your BLoC Implementation Skills Quiz: BLoC Patterns

Flutter BLoC Library Widgets

BlocProvider and MultiBlocProvider BlocBuilder and BlocSelector BlocListener BlocConsumer RepositoryProvider and MultiRepositoryProvider Bloc and Cubit Quiz: Bloc Library Widgets

Project #1: Getting to Know the Flutter BLoC Library

Project #1 Statement Project Structure Brief on the UI Implementing BLoC States Implementing BLoC Events Connecting Events and States Integrating BLoC in the UI Exercise: Implementing a Search Feature Solution: Implementing a Search Feature

Project #2: Implementing Repository Pattern using BLoC Library

7 Lessons

Flutter BLoC Testing

4 Lessons

RxDart

5 Lessons

Best Practices

2 Lessons

10.

Challenges

4 Lessons

11.

What's Next?

2 Lessons

12.

Appendix

2 Lessons

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

Put your skills to the test in a simulated interview setting. Receive personalized feedback based on your performance. Available in Premium & Premium Plus plans.

Adaptive Learning

At various checkpoints throughout Educative courses, you will be prompted to take a quick assessment. Receive a condensed curriculum tailored to your strengths and skill gaps.

Explain with AI

Select any text within any Educative course, and get an instant explanation — without ever leaving your browser.

AI Code Mentor

AI Code Mentor helps you quickly identify errors in your code, learn from your mistakes, and nudge you in the right direction — just like a 1:1 tutor!