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

Chapter 4: Adopting State Management Approaches from React

In the previous chapter, we learned about the most widely used state management approaches for Flutter apps and their slight variations. You can create almost all sorts of apps using what we have learned so far. But if you are coming from a React background, this chapter is for you.

This chapter focuses on two famous architectures that are adopted and inspired by the React framework. One of the techniques lets you manage your state in a single place inside your application, while the other one uses commands to autogenerate state management code so that you can solely focus on connecting your UI with your data. The following are these two techniques:

  • Redux – One place for all states
  • MobX – Observables and reactions

Let's understand what these two are and then dive into sample counterexamples of each of them.