Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases now! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.
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 MobX

Create a new Flutter application named cart_mobx and copy item.dart into your lib folder, as we have been doing in the previous sections. Add dependencies for equitable, flutter_mobx, and mobx under dependencies inside pubspec.yaml. Also, add dependencies for build_runner and mobx_codegen under dev_dependencies in pubspec.yaml. Let's get started, as follows:

  1. Create a new file named cart.dart and add the following code to it:
    import 'package:mobx/mobx.dart';
    import 'item.dart';
    part 'cart.g.dart';
    class Cart = _Cart with _$Cart;
    abstract class _Cart with Store {
      List<Item> items = populateItems();
      @observable
      List<Item> cart = [];
      @action
      void addItemToCart(Item item) {
        var newCart = <Item>[];
        newCart.addAll(cart);
        newCart.add(item);
      ...
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 $19.99/month. Cancel anytime