Flutter State Management

Transcript

1. State Management Danvick Miller
2. Definition – State management • Keeping track and making use of values and their changes within the app
3. UI as a function of state
4. Types of State Ephemeral State • Contained in a single Widget. Aka local state or UI state. • Examples include: State of an animation, form input, form validation • Tighly coupled with UI widgets App State • State shared across multiple parts of the app • Examples: Authentication state, user preferences, shopping cart • Loosely coupled with the UI widgets
5. How to manage state – Ephemeral State Ephemeral State • Using StatefulWidgets – via setState() App State • Provider • BLoC • MobX • Riverpod • Redux • And multiple others
6. Types of State. Cont...
7. Importance of effective state management • Keep UI separate from business logic • Add features without breaking app • App remains testable
8. Hoisting State
9. Demo Time! Talk is cheap, show me the code! - Linus Tovalds