Book Image

Managing State in Flutter Pragmatically

By : RAHUL AGARWAL, Waleed Arshad
Book Image

Managing State in Flutter Pragmatically

By: RAHUL AGARWAL, Waleed Arshad

Overview of this book

Flutter is a cross-platform user interface (UI) toolkit that enables developers to create beautiful native applications for mobile, desktop, and the web with a single codebase. State management in Flutter is one of the most crucial and complex topics within Flutter, with a wide array of approaches available that can make it easy to get lost due to information overload. Managing State in Flutter Pragmatically is a definitive guide to starting out with Flutter and learning about state management, helping developers with some experience of state management to choose the most appropriate solutions and techniques to use. The book takes a hands-on approach and begins by covering the basics of Flutter state management before exploring how to build and manipulate a shopping cart app using popular approaches such as BLoC/Cubit, Provider, MobX, and Riverpod. Throughout the book, you'll also learn how to adopt approaches from React such as Redux and all its types. By the end of this Flutter book, you'll have gained a holistic view of all the state management approaches in Flutter, and learned which approach is the best solution for managing state in your app development journey.
Table of Contents (14 chapters)
1
Section 1:The Basics of State Management
4
Section 2:Types, Techniques, and Approaches
8
Section 3:Code-Level Implementation

Binder – using scopes to separate business logic

Binder, just like any popular state management solution, aims to separate business logic from the main UI code, which makes it easier to manage, read, test, and update the code. Binder uses states and scopes to manage and separate business logic from the UI. Let's add the package dependency for Binder and create our counter example application.

Adding a Binder dependency in a sample application

Create a new application using any name you want, just like we did in the previous chapters:

flutter create any_name_you_wish

You will get the same counter example application with the default setState management technique implemented to update the counter value.

Let's see how to embed Binder into your application code:

  1. Open up a browser and go to https://pub.dev/.
  2. Type binder in the search bar and hit Enter.
  3. Click on binder. It looks something like this:

    Figure 5.6- The Binder dependency on pub.dev...