Search icon CANCEL
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Managing State in Flutter Pragmatically

You're reading from   Managing State in Flutter Pragmatically Discover how to adopt the best state management approach for scaling your Flutter app

Arrow left icon
Product type Paperback
Published in Nov 2021
Publisher Packt
ISBN-13 9781801070775
Length 246 pages
Edition 1st Edition
Languages
Tools
Arrow right icon
Authors (2):
Arrow left icon
Waleed Arshad Waleed Arshad
Author Profile Icon Waleed Arshad
Waleed Arshad
RAHUL AGARWAL RAHUL AGARWAL
Author Profile Icon RAHUL AGARWAL
RAHUL AGARWAL
Arrow right icon
View More author details
Toc

Table of Contents (14) Chapters Close

Preface 1. Section 1:The Basics of State Management
2. Chapter 1: States and State Management Overview FREE CHAPTER 3. Chapter 2: The Core Building Blocks of State Management 4. Section 2:Types, Techniques, and Approaches
5. Chapter 3: Diving into Advanced State Management Approaches 6. Chapter 4: Adopting State Management Approaches from React 7. Chapter 5: Executing Distinctive Approaches Like GetX, GetIt, and Binder 8. Section 3:Code-Level Implementation
9. Chapter 6: Creating a Shopping Cart Application Using Basic Approaches 10. Chapter 7: Manipulating a Shopping Cart Application through BLoC, Provider, and React-Based Approaches 11. Chapter 8: Using GetX, GetIt, and Binder to Update the Cart Application 12. Chapter 9: Comparative State Management Analysis: When to Use What? 13. Other Books You May Enjoy

Creating a shopping cart application with Redux

Create a new Flutter application named cart_redux and copy item.dart into your lib folder, as we have been doing in the previous sections. Add dependencies for equatable and flutter_redux from pub.dev. Let's get started, as follows:

  1. Create a new file named actions.dart and add the following code to it:
    import 'item.dart';
    class Actions {}
    class AddItemToCartAction extends Actions {
      final Item item;
      AddItemToCartAction({required this.item});
    }
    class RemoveItemFromCartAction extends Actions {
      final Item item;
      RemoveItemFromCartAction({required this.item});
    }

    Both of these actions are self-explanatory; we will be using these to trigger the addition/removal of items to and from the cart.

  2. Create a file named cart_state.dart and add the following code to it:
    import 'package:equatable/equatable.dart';
    import 'package:redux/redux.dart';
    import 'actions...
lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at €18.99/month. Cancel anytime