apiKey

authDomain

projectId

storageBucket

messagingSenderId

appId

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.

flutter-web.tar.gz

Flutter Web

Flutter Web-copy

Flutter Test

RxDart

streams

Dart Console App

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.

Managing State in Flutter Using BLoC Pattern

**(Fill in the blank.)** By default, the `BlocProvider` constructor requires ________.

(Fill in the blank.) By default, the <code>BlocProvider</code> constructor requires ________.

An error will occur, and the app will not run.

The app will run but will crash when it needs to access the state.

`BlocBuilder` will find the required bloc in the widget tree through the `BlocProvider.of()` function.

`BlocBuilder` will use a default `Bloc` instance.

What happens if the `bloc` parameter is ommitted from `BlocBuilder`?

What happens if the <code>bloc</code> parameter is ommitted from <code>BlocBuilder</code>?

**(Fill in the blank.)** The only required parameter for `BlocBuilder` is ________.

(Fill in the blank.) The only required parameter for <code>BlocBuilder</code> is ________.

**(Fill in the blank.)** `BlocSelector` filters updates based on ________.

(Fill in the blank.) <code>BlocSelector</code> filters updates based on ________.

To listen for state changes in a Bloc and execute a callback function when the state changes

To listen for events in a Bloc and execute a callback function when an event is dispatched

To listen for state changes in a Bloc and update the UI accordingly

To listen for events in a Bloc and update UI accordingly

What is the primary purpose of the `BlocListener` widget?

What is the primary purpose of the <code>BlocListener</code> widget?

**(Select all that apply.)** What is the primary purpose of the `BlocConsumer` widget?

(Select all that apply.) What is the primary purpose of the <code>BlocConsumer</code> widget?

It improves performance by reducing unnecessary builds.

It provides a way to manage data access in a centralized location.

What is *not* a benefit of using the repository pattern?

What is not a benefit of using the repository pattern?

Cubit is easier to learn and use than Bloc.

Cubit provides better performance than Bloc.

Cubit is better suited for managing state in complex apps.

What is the benefit of using Cubit over Bloc?

What is the benefit of using Cubit over Bloc?

Test your knowledge of the different Flutter Bloc library widgets.

Getting Started

Managing States with BLoC Pattern

Implementing BLoC Pattern

Flutter BLoC Library Widgets

Project #1: Getting to Know the Flutter BLoC Library

Project #2: Implementing Repository Pattern using BLoC Library

Flutter BLoC Testing

RxDart

Best Practices

Challenges

What's Next?

Appendix

Quiz: Bloc Library Widgets