Comprehensive Guide for Flutter Bloc Library v1.0.0

A Comprehensive Guide for Flutter Bloc Library v1.0.0

Author image By Manish Patel  |  Wednesday, November 20, 2019 03:27 PM  |  3 min read  |   943

A Comprehensive Guide for Flutter Bloc Library v1.0.0

Flutter is a Google-powered app development kit that allows app developers to develop cross-platform applications such as Android, iOS, Web, Windows, and Mac. Day by day, Flutter is gaining popularity, and so are its developers. To make things easy for devs, Google introduced the Bloc pattern flutter back in 2018 during its Google I/O event. Since then, it’s been almost a year since introducing bloc, and finally, Bloc Library is updated now! So, before we dig in more for the latest updates, firstly, we need to know more about bloc and how it works with Flutter considering newbies.

What is Bloc?

Bloc stands for Business Logic Component(Bloc), which is a core library developed to reduce the workload on Flutter app developers using the idea of code testability and reusability. To understand and get a better idea of the bloc, you can think of it as a brain. This bloc library simplifies the reactive app development process by allowing Flutter app developers to convert the events into states. And to get bloc output in a state, events, or you can say user input that comes from one side; bloc mirrors the same code in response to generate output. Using the same principle, Flutter UI widgets listen to states and display responses on the screen as a reaction to user action. And, this is how bloc works. However, when you write your Flutter app code from scratch, you need to write much boilerplate code too.

But using Bloc have its advantages, such as…

  • To know the current app state
  • Simplifies app case testing process
  • Record user interaction to make data-driven conclusions
  • Reuse components within the app as well as in other apps
  • Use a single code base with the same pattern
  • Faster the app development process

Apart from the bloc’s core library, there are two other libraries named flutter_bloc and angular_bloc that work simultaneously with the bloc for a faster app development process. The tremendous growth in the Flutter community has played a significant role in the result of improvising the existing bloc library. However, this library assists you in dealing with the complexities of existing blocs, streams, and sinks. To have the best code practice, you can use their extension for both VS Code and IntelliJ which provide code snippets and an instant bloc class creation facility. Now you know about blocs, and their working pattern, so let’s move further and see what’s new in the latest Library 1.0.0 update.

What’s new in the latest Bloc Library 1.0.0

What’s new in the latest Bloc Library 1.0.0

1. Bloc as a Stream

In the latest update to bloc library v1.0.0, all blocs are now converted into streams, which means you no longer need to use Stream< state> to get to state. Instead, the Flutter app developer can quickly know the existing state stream directly from the bloc itself. It also helps us to remove the need for using currentState property and reuse the bloc state property to fetch the value of the state. The main reason is to reduce confusion and differentiate both blocs. state and bloc.currentState. Working with the bloc’s state stream should now feel very intuitive, especially to those coming from StreamControllers and Subjects.

2. Bloc as a Sink

With the update to the bloc library, all blocs are converted into Sinks. This makes it even easier for Flutter Developer to continue using the traditional add sink API instead of dispatch to notify the Bloc for a new event. Also, the dispose of objected in support of close. From now while using the art analyzer, it shows warnings if you forget to call blocs using close. Yet, it is performed naturally by the BlocProvider.

3. Testing Improvements

This time there is one more new package, which is bloc_test which is included in the latest library update. The main aim of the bloc_test package is to simplify stub a bloc’s state stream through when listening. However, this is still in beta. Still, it is expected to be helpful for developers to test helpers that are specially designed for the bloc library. After this, it is assumed to get more such extra testing helpers that will come preloaded in the upcoming updates.

4. Official Documentation

To make it easier for developers to find bloc library and tutorials under one hood, old pub.dev stuff is now moved into the new domain block library. dev. This time it comes with official documentation so that newbies can learn it quickly. And we recommended you go through it cause it helps you to plan bloc usage in your next app development process.

So, these were four significant changes that happened in the update to the latest Bloc library. But if you want to see it in action before you use it in your next app development project, you can consider the Counter app. Which is a pure Dart app made up using CounterBloc? Let us know what you think about this newly introduced Bloc Library v1.0.0 by commenting below.

 

A Comprehensive Guide for Flutter Bloc Library v1.0.0

Contact Us

 

 


Author image

Manish Patel

Manish Patel is a Co-Founder of Concetto Labs, a leading mobile app development company specialized in android and iOS app development. We provide a one-stop solution for all IT related services.

Why Our Client Love Us?

Our integrity and process focuses largely on providing every customer the best recommendations for their respective business. Our clients become recurring customers because we always go beyond their expectations to deliver the best solutions.

about-us-strategies

We brainstorm a lot!

Because brainstorming leads to new thoughts & ideas. We believe in discussing & bridging the gap leading to nicer suggestions & application.

about-us-strategies

Believe in Innovation!

Innovation is like Jugaad. It only comes when you give it a try. We believe that extraordinary things come with innovation which help you stand & lead in the crowd.

about-us-strategies

Creative Developers!

Our developers are always keen to develop creative ideas. There is “NEVER a NO.” They have an eye on the market facts, thus develop in the latest on going environment.

about-us-strategies

Value for Money!

We understand the value of money & thus with a modular approach serve you the best quote for your application & web services. The features we promise, we deliver. #notohiddencosts

Trusted By