Flutter State Management with provider :rocket:

Overview

Flutter - Gerenciamento de Estados com Provider

Objetivos ao completar os estudos

  • Aprenda a gerenciar o estado da sua aplicação com Single Source of Truth
  • Utilizar o Provider para gerenciar o estado de forma escalável
  • Consuma os dados do Provider com o Consumer
  • Separe a sua aplicação por responsabilidade
  • Entender as diferenças entre Provider.of e Consumer

Ementas:

Criando o dashboard

  • Preparando o ambiente
  • Novidades
  • Dashboard e saldo
  • Saldo
  • Formatação do saldo
  • Faça como eu fiz
  • O que aprendi?
    • O que nossa aplicação precisará fazer
    • Criar componente de dashboard e de saldo
    • Separar responsabilidade na criação de novos widgets

Gerenciamento de estados

  • Single Source of Truth
  • Provider
  • Singleton
  • Consumer
  • Provider
  • Faça como eu fiz
  • O que aprendi?
    • A importância de manter o estado da nossa aplicação em um único lugar, aplicando o Single Source of Truth (Única Fonte de Verdade)
    • Como instanciar e gerenciar uma classe uma única vez através do Provider
    • Como consumir essa classe através do Consumer

Usando Provider

  • Notify Listeners
  • Depósito
  • Provider.of
  • Atualização do Saldo
  • Selector
  • Faça como eu fiz
  • O que aprendi?
    • Como gerenciar o conteúdo do nosso Saldo em um único lugar
    • Consumir os nossos dados com o Consumer
    • Notificar quem estiver usando os dados do nosso saldo através do NotifyListeners

Gerenciando as transferências

  • MultiProvider
  • Model de transferências
  • Adicionar transferência
  • Saldo suficiente
  • Múltiplas classes no Provider
  • Faça como eu fiz
  • O que aprendi?
    • Como gerenciar múltiplas classes com o MultipleProvider
    • Adicionar uma Transferência através do Provider
    • Fazer com que essa transferência esteja vinculada com o saldo da conta

Validando e finalizando o app

  • Lista de Transações
  • Últimas Transferências
  • Validações finais
  • Componentização da nossa aplicação
  • Faça como eu fiz
  • Projeto final
  • Conclusão
  • O que aprendi?
    • Como componentizar melhor nossa aplicação, utilizando o mesmo formulário para cadastrar - transferências tanto na página inicial, quanto na página de transferências
    • Criar uma lista com as últimas transferências realizadas
    • Atualizar as listas de acordo com o Provider

MyBank - Flutter project screens.

You might also like...

Manage the state of your widgets using imperative programming concepts.

Imperative Flutter Manage the state of your widgets using imperative programming concepts. Setup Intall imperative_flutter package in pubspec.yaml dep

Aug 20, 2022

Example of use bloc + freezed with a state that contains a list

blocfreezedlistexample A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you s

Mar 21, 2022

Trip management mobile Application

Trip management mobile Application

HereYouGO Trip management mobile Application This app will help you Track your expense during your trips. Track your trip destinations and the sub tri

Jul 7, 2022

Functional programming in Dart and Flutter. All the main functional programming types and patterns fully documented, tested, and with examples.

Fpdart Functional programming in Dart and Flutter. All the main functional programming types and patterns fully documented, tested, and with examples.

Dec 26, 2022

Note provider - Note App using Provider state management, Sqflite and Localization for two language Arabic and English.

note_provider Sqflite with provider statemanagement Getting Started This project is a starting point for a Flutter application. A few resources to get

Jan 1, 2022

Provider Demo - Simple Provider using provider update counter and apply a timer also increase and decrease that value by pressing buttons

Provider Demo - Simple Provider using provider update counter and apply a timer also increase and decrease that value by pressing buttons

state_management simple Provider using provider update counter and apply a timer

Feb 2, 2022

:rocket: This application using flutter for develop a realtime chat app

:rocket: This application using flutter for develop a realtime chat app

Flutter Chat Socket Description: 🚀 This application using Flutter for develop a realtime chat app How I can run it? 🚀 Clone this repository 🚀 Run b

Dec 31, 2022

Rocket is a parsing framework for parsing binary data structures using efficient parsing algorithms

rocket Version 0.1.10 (BETA) Rocket is a parsing framework for parsing binary data structures using efficient parsing algorithms. Breaking change: The

Dec 5, 2021

Flutter State Management: Movie App with Provider, Riverpod, flutter_bloc & more

 Flutter State Management: Movie App with Provider, Riverpod, flutter_bloc & more

Flutter State Management: Movie App with Provider, Riverpod, flutter_bloc & more This reference project shows how to implement a (Netflix-inspired) mo

Dec 29, 2022

Tik Tok Clone Flutter with provider state management 🎵🚩

Tik Tok Clone Flutter with provider state management 🎵🚩

Tik Tok ℹ️ Local Installation Drop a ⭐ on the Github Repository. Fork the repository Clone the Repo by going to your local Git Client and pushing in t

Jan 13, 2022

Pexels-app - Wallpapers Mobile App using Flutter Framework and pexles API with provider as a state management.

jo_sequal_software_pexels_app A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to ge

Jan 5, 2022

⚖️ A Flutter Architecture for small/medium/large/big large scale using Provider as State Management with Get It!

⚖️ A Flutter Architecture for small/medium/large/big large scale using  Provider as State Management with Get It!

Flutter Provider Architecture Mobile Application Developed in Flutter. Running on both mobile platforms, Android 🤖 & iOS 🍎 . About this app This app

Jan 4, 2023

Practice code of simple flutter app to explain how provider works as across the widget state management.

vdo A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this is y

Nov 7, 2022

Music player application for android. It's uses MVVM architecture and Provider & ValueNotifier state management.

Music player application for android. It's uses MVVM architecture and Provider & ValueNotifier state management.

music-player-flutter Flutter music player application which is my personal project published to play store. Project structures are as following,

Jul 10, 2022

Greentick assignment - State management tool provider and UI components like ListView etc

Greentick assignment - State management tool provider and UI components like ListView etc

greentick_assignment This project is a part of assignment, which demonstrate the

Feb 11, 2022

A quiz-app bundled with Provider package for state management.

quiz_app A quiz-app bundled with Provider package for state management. Implemented Features MVVM (Provider+ChangeNotifiers) state sharing and state m

Jul 26, 2022

State Persistence - Persist state across app launches. By default this library store state as a local JSON file called `data.json` in the applications data directory. Maintainer: @slightfoot

State Persistence Persist state across app launches. By default this library store state as a local JSON file called data.json in the applications dat

Sep 28, 2022

Practice building basic animations in apps along with managing app state by BLoC State Management, Flutter Slider.

Practice building basic animations in apps along with managing app state by BLoC State Management including: Cubit & Animation Widget, Flutter Slider.

Jun 8, 2022

An extension to the bloc state management library which lets you create State Machine using a declarative API

An extension to the bloc state management library which lets you create State Machine using a declarative API

Nov 28, 2022
Owner
Tiago Barbosa
Developer with focused in Backend and Frontend languages. "If you can't explain something simply, you don't understand it well enough." - Einstein
Tiago Barbosa
MobX for the Dart language. Hassle-free, reactive state-management for your Dart and Flutter apps.

Language: English | Português | Chinese mobx.dart MobX for the Dart language. Supercharge the state-management in your Dart apps with Transparent Func

MobX 2.2k Dec 27, 2022
A flutter boilerplate project with GetX state management.

flutter_getx_boilerplate Languages: English (this file), Chinese. Introduction During my study of Flutter, I have been using the flutter_bloc state ma

Kevin Zhang 234 Jan 5, 2023
Flutter MVU architecture/state management package

mvu_flutter No mutability. No builders. No connectors. No reducers. No StreamControllers and subscription management. A truly declarative state manage

Yakov Karpov 7 Jul 29, 2021
Simple global state management for Flutter

Slices Slices is a minimalist state manegement, focused specifically for applications that needs a global state where different "pieces" of the applic

Erick 5 Jun 15, 2021
The modular state management solution for flutter.

The modular state management solution for flutter. Easy debugging : each event is predictable and goes into a single pipeline Centralized state : soli

Aloïs Deniel 44 Jul 6, 2022
A predictable state management library that helps implement the BLoC design pattern

A predictable state management library that helps implement the BLoC design pattern. Package Pub bloc bloc_test flutter_bloc angular_bloc hydrated_blo

Felix Angelov 9.9k Dec 31, 2022
Another state management solution

VxState VxState is a state management library built for Flutter apps with focus on simplicity. It is inspired by StoreKeeper & libraries like Redux, V

Pawan Kumar 42 Dec 24, 2022
London App Brewery State Management Project

todey_flutter A new Flutter application. Getting Started This project is a starting point for a Flutter application. A few resources to get you starte

null 0 Nov 1, 2021
A simple way to access state while robust and testable.

A state-management library that: catches programming errors at compile time rather than at runtime removes nesting for listening/combining objects ens

Remi Rousselet 3.9k Jan 3, 2023
A lightweight, yet powerful way to bind your application state with your business logic.

binder A lightweight, yet powerful way to bind your application state with your business logic. The vision As other state management pattern, binder a

Romain Rastel 172 Nov 16, 2022