Flutter: Don't be afraid, State Management is your friend

Flutter state management using Provider
Live code: https://github.com/diegoveloper/flutter_codelabs

Transcript

1. Don’t be afraid, State Management is your Friend Diego Velásquez López @diegoveloper
2. Diego Velásquez López Mobile Software Architect About me • Google Developer Expert Flutter • Software engineer • Android / iOS / Flutter • Creator of 2 Android apps (+150k downloads): ◦ Pseudocode ◦ Quick Printer • Founder & Organizer @ Flutter Peru @diegoveloper https://aeyrium.com/
3. • Multiplatform framework created by Google. • Works for Android/iOS/Web/Desktop. • We can create beautiful and native apps with a single codebase.
4. State Management ??
5. What Why How
6. What
7. Let’s Code!
9. Why • Keep UI separated from business logic. • Increase the performance of your app. • Allows adding features quickly without breaking the code neither sacrificing code quality. • Easy to understand; hard to break. • Easy to test.
10. How • Using setState() and StatefulWidgets • ScopedModel • BLoC (Business Logic Component) • Redux • MobX • Provider
11. Provider https://pub.dev/packages/provider Expose/Provide Read/Listen
12. Expose/Provide
13. Read/Listen 1- 2-
14. ChangeNotifierProvider (CartModel) (Get Cart Items) (Add Item) (Clear Items)
15. Summary There’s not right or wrong solution. Choose the one that best suits your needs.
16. Questions • diegoveloper@gmail.com • https://github.com/diegoveloper/ • https://medium.com/@diegoveloper • https://twitter.com/diegoveloper
17. References • https://flutter.dev/docs/development/data-and-backend/state-mgmt/intro • https://github.com/diegoveloper/flutter_codelabs
18. • https://www.meetup.com/Flutter-Peru/ • https://twitter.com/FlutterPeru • https://www.facebook.com/FlutterPeru