Try Flutter 행사에서 발표한 State Management 발표자료입니다.

1. State ?
!
ParkingBrother CTO
GDG Busan Organizer
@extJo

2. Try!
State
8 8

3. Try!
What is State Management?

4. Try!
What is State Management?

5. Try!
State?
• State == Data
• UI Data
• , Data
• , Data

6. Try!
What is State Management?

7. Try!
State Management
• == ?
• , ?
• Understandable, Readable, Maintainable
• Testing
• PeHormance

8. Try!
State
• setState
• InheritedWidget & Scoped Model
• Provider
• Redux, MobX
• BLoC & Rx

9. Try!
State
• setState
• InheritedWidget & Scoped Model
• Provider
• Redux, MobX
• BLoC & Rx

10. Try!
hQps://github.com/extJo/
UuQer_state_management_sample

11. Try!

12. Try!
Material App

13. Try!
Material App
Scaffold
(Page)

14. Try!
Material App
Scaffold
(Page)
AppBar

15. Try!
Material App
Scaffold
(Page)
AppBar
Column
(body)

16. Try!
Material App
Scaffold
(Page)
AppBar
Column
(body)
Dropdown
Menu
ListView

17. Try!
Material App
Scaffold
(Page)
AppBar
Column
(body)
Dropdown
Menu
ListView
ListView Item
ListView Item
ListView Item

18. Try!
Material App
Scaffold
(Page)
AppBar
Column
(body)
Dropdown
Menu
ListView
ListView Item
ListView Item
ListView Item

19. Try!
Page
DropDown
Menu
ListView
Widget Tree Structure

20. Try!
Page
DropDown
Menu
ListView
Widget Tree Structure
State Movement

21. Try!
Page
DropDown
Menu
ListView
Widget Tree Structure
State Movement

22. Try!
Page
DropDown
Menu
ListView
Widget Tree Structure
State Movement
JSON
File
API

23. Try!
Page
DropDown
Menu
ListView
Widget Tree Structure
State Movement
JSON
File
API
File I/O
Network

24. Try!
setState()
feat. StatefulWidget & State<T> Object

25. Try!

26. Try!

27. Try!
Page
DropDown
Menu
ListView
Widget Tree Structure
State / Key
language
getLanguage() setLanguage()

28. Try!
Code

29. Try!
InheritedWidget

30. Try!
InheritedWidget
• FluQer Package
•
• ex) Theme.of() / MediaQuery.of()

31. Try!
Page
DropDown
Menu
ListView
InheritedWidget
.of(context).language.of(context).update(langauge)

32. Try!
Code

33. Try!
InheritedWidget
• .of() , .of() BuildContext
widget build .
• .of() ,
•

34. Try!
Provider

35. Try!
Provider
•
• Provider
• InheritedWidget syntax sugar , .

36. Try!
Page
DropDown
Menu
ListView
ChangeNotifierProvier
Consumer<Model>Provider.of(context)<Model>
Page
Model
ChangeNotify

37. Try!
Code

38. Try!
Provider
• .of() , .of() BuildContext
widget build .
• InheritedWidget .
• Rebuild Widget
• Consumer child , !
• .of() listen key false , rebuild .

39. Try!
Provider !

40. Try!
• hQps://UuQer.dev
• hQps://da].dev
• hQps://www.youtube.com/watch?v=d_m5csmH7I
• hQps://github.com/rrousselGit/provider

41. :)
ParkingBrother CTO
GDG Busan Organizer
@extJo