Skip to content

Learn the fundamentals of MobX state management by building a simple water cup UI

Notifications You must be signed in to change notification settings

Flutter-Students-Club/mobx_water_cup

This branch is up to date with husbycodereis/mobx_water_cup:main.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

332fd1a ยท Jun 20, 2021

History

10 Commits
Jun 19, 2021
Jun 19, 2021
Jun 19, 2021
Jun 19, 2021
Jun 19, 2021
Jun 19, 2021
Jun 19, 2021
Jun 20, 2021
Jun 19, 2021
Jun 19, 2021

Repository files navigation

Hi ๐Ÿ‘‹, Flutter Students Club ๐Ÿ’™๐Ÿ’™๐Ÿ’™

MobX State Management Fundamentals in Flutter

In this example we will talk about the core MobX concepts, learn how to deploy MobX stores and control UI within your Flutter applications.

Progress ๐Ÿ“œ

  • Install MobX packages and create a store with build_runner
  • Dependency Injection with Provider package
  • Understand observables, actions, reactions and computed
  • Create a simple water cup UI and control it's state with the core concepts.
  • Understand what is an Observer and how to use it
  • Bring your store to different screens to use them in every part of your flutter project

Views

Techs

  • Dart
  • Flutter

Packages

  • flutter_mobx: ^2.0.0
  • mobx: ^2.0.1
  • provider: ^5.0.0
  • build_runner: ^2.0.4
  • mobx_codegen: ^2.0.1+3

Flutter APIs

To-do

- [ x ] water_cup_view
- [ x ] water_cup store 
- [ x ] dependency injection
- [ x ] bring store to view & bind store objects to UI

Setup

- clone or download project
- run flutter pub get command
- install packages
- run 'flutter packages pub run build_runner watch' for code generation

Social Media

Crew

Thanks Ticket

  • Thanks for the invitation for the live event and please contact me from social media if you have any further questions.
  • Ali Riza Reisoglu

Contact

About

Learn the fundamentals of MobX state management by building a simple water cup UI

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Dart 78.0%
  • HTML 15.9%
  • Swift 4.2%
  • Kotlin 1.5%
  • Objective-C 0.4%