In other words, UI components should only worry about the UI and not the logic. – BLoC helps us to separate Business Logic from UI. – BLoC not only solves the code sharing problem but also leverages Streams functionality in order to manage and propagate state changes in Flutter. That’s where BLoC comes in play and helps remove this hindrance in an efficient way. Back to Flutter, I think the one of the main hindrance one comes across while coding in Flutter is to deal with UI and everything else as in Flutter we don’t have any intermediatory designing language for the UI like in Android we have XML, instead in Flutter we write all the code at one place(traditionally). So now we got a bit of an idea about Streams. – stream, the property which gives the output out of the Stream

– sink, the property which takes an input – StreamBuilder, it’s a method that takes stream as an input and provides us with a builder which rebuilds every time there is a new value of a stream – StreamTransformer, this is what processes the input data – StreamController, this is what controls the stream – Stream, the conveyor belt is called as a stream A Conveyor Belt has two ends, from one end an item is passed(input), then it is processed and after processing, it gets out from another end of the belt(output). In a general sense, a stream is a continuous flow or succession of anything.īut technically speaking, Stream is nothing but a continuous flow of data. To know BLoC in detail let’s first get to know about Streams. So, if you watch this video then you will understand how using BLoC you can share most of your code to different platforms. Watch the video below to get more insight on the baby steps set by BLoC.

So yeah, this pattern was developed aiming to ease the workload on developers end while developing apps for a different platform with the idea of code reusability. Initially, BLoC pattern was conceived to allow the reuse of the very same code independently of the platform: web application, mobile application, back-end. What is BLoC pattern?īLoC a.k.a Business Logic Components is a design pattern presented by Paolo Soares and Cong hui, from Google at the DartConf 2018. So as the title speaks out loud we’ll be covering BLoC pattern in detail answering various questions like,īut in this article, we’ll only be covering the first three questions in detail and the very next article will solely feature BLoC implementation with an example. As Flutter is growing day by day and so it’s developers and we as a developer always look for an easy way to deal with the code.

By the title, you must have got an idea about what this article will be.

Change order of bloc in blocs app