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

Creating a shopping cart application with Cubit

Cubit is a slight variant of BLoC. To create a shopping cart application using Cubit, create a new Flutter application named cart_cubit and copy item.dart and cart_state.dart from the previous section's application into your lib folder. Also, add dependencies for the equatable and flutter_bloc packages from pub.dev. Then, follow these steps:

  1. Replace the contents of the cart_state.dart file with the following code:
    import 'package:equatable/equatable.dart';
    import 'item.dart';
    class CartState extends Equatable {
      @override
      List<Object?> get props => [];
    }
    class CartListState extends CartState {
      final List<Item> cart;
      CartListState({this.cart = const []});
      @override
      List<Object?> get props => [this.cart];
    }
    class CartUpdatingState extends CartState {}
  2. Create a new file named cart_cubit.dart and add the following...