MVVM by Sample

A simple way to use MVVM pattern into an iOS project.

For full sample and slides with animation:
https://github.com/fernandodev/mvvm-by-sample-ios

Transcript

1. MVVM BY SAMPLE FERNANDO MARTÍNEZ @FERNANDODEV
2. PATTERN MVVM - MODEL VIEW VIEWMODEL ▸ MVC - Model View Controller ▸ Presentation Model ▸ Martin Fowler, 2004 ▸ "An abstract of the view that is not dependent on a specific GUI framework" ▸ Model View ViewModel (Model View Binder) ▸ Microsoft, Ken Cooper and Ted Peters, 2005 ▸ Modificação da arquitetura "Presentation Model"
3. MVC -> MVVM MVC VS(?) MVVM
4. MVC -> MVVM MVC VS(?) MVVM
5. MVC -> MVVM MVC VS(?) MVVM
6. MVC -> MVVM MVC VS(?) MVVM
7. MVC -> MVVM MVC VS(?) MVVM
8. MVC -> MVVM MVC VS(?) MVVM
9. MVC -> MVVM MVC VS(?) MVVM
10. LOGIN FLOW REPRESENTAÇÃO DO NEGÓCIO: AUTENTICAÇÃO ▸ Camadas de controle
11. LOGIN FLOW REPRESENTAÇÃO DO NEGÓCIO: AUTENTICAÇÃO ▸ Camadas de controle
12. LOGIN FLOW REPRESENTAÇÃO DO NEGÓCIO: AUTENTICAÇÃO ▸ Camadas de controle VIEWS
13. LOGIN FLOW REPRESENTAÇÃO DO NEGÓCIO: AUTENTICAÇÃO ▸ Camadas de controle LOGIN FORM VIEW VIEWS
14. LOGIN FLOW REPRESENTAÇÃO DO NEGÓCIO: AUTENTICAÇÃO ▸ Camadas de controle LOGIN FORM VIEW VIEWS PRESENTERS, MODELS, VIEW
15. LOGIN FLOW REPRESENTAÇÃO DO NEGÓCIO: AUTENTICAÇÃO ▸ Camadas de controle LOGIN FORM VIEW VIEWS LOGINFORM VIEWMODEL PRESENTERS, MODELS, VIEW
16. LOGIN FLOW REPRESENTAÇÃO DO NEGÓCIO: AUTENTICAÇÃO ▸ Camadas de controle LOGIN FORM VIEW VIEWS LOGINFORM VIEWMODEL PRESENTERS, MODELS, VIEW CONTROLLER
17. LOGIN FLOW REPRESENTAÇÃO DO NEGÓCIO: AUTENTICAÇÃO ▸ Camadas de controle LOGIN FORM VIEW VIEWS LOGINFORM VIEWMODEL PRESENTERS, MODELS, VIEW LOGIN VIEW CONTROLLER CONTROLLER
18. PUZZLE PIECES MODELAGEM DO PROBLEMA
19. PUZZLE PIECES MODELAGEM DO PROBLEMA
20. PUZZLE PIECES MODELAGEM DO PROBLEMA LOGINVIEWCONTROLLER
21. PUZZLE PIECES MODELAGEM DO PROBLEMA LOGINVIEWCONTROLLER
22. PUZZLE PIECES MODELAGEM DO PROBLEMA ACCOUNT LOGINVIEWCONTROLLER
23. PUZZLE PIECES MODELAGEM DO PROBLEMA ACCOUNT LOGINVIEWCONTROLLER
24. PUZZLE PIECES MODELAGEM DO PROBLEMA ACCOUNT LOGINVIEWCONTROLLER LOGINFORMVIEW
25. PUZZLE PIECES MODELAGEM DO PROBLEMA ACCOUNT LOGINVIEWCONTROLLER LOGINFORMVIEW
26. PUZZLE PIECES MODELAGEM DO PROBLEMA ACCOUNT LOGINVIEWCONTROLLER LOGINFORMVIEW
27. PUZZLE PIECES MODELAGEM DO PROBLEMA ACCOUNT LOGINVIEWCONTROLLER LOGINFORMVIEW PRESENTERS
28. PUZZLE PIECES MODELAGEM DO PROBLEMA ACCOUNT LOGINVIEWCONTROLLER LOGINFORMVIEW PRESENTERS
29. PUZZLE PIECES MODELAGEM DO PROBLEMA ACCOUNT LOGINVIEWCONTROLLER LOGINFORMVIEW LOGINFORMVIEWMODEL PRESENTERS
30. PUZZLE PIECES MODELAGEM DO PROBLEMA ACCOUNT LOGINVIEWCONTROLLER LOGINFORMVIEW LOGINFORMVIEWMODEL PRESENTERS
31. PUZZLE PIECES MODELAGEM DO PROBLEMA ACCOUNT LOGINVIEWCONTROLLER LOGINFORMVIEW LOGINFORMVIEWMODEL PRESENTERS
32. PUZZLE PIECES MODELAGEM DO PROBLEMA ACCOUNT LOGINVIEWCONTROLLER LOGINFORMVIEW LOGINFORMVIEWMODEL PRESENTERS ACCOUNT
33. PUZZLE PIECES MODELAGEM DO PROBLEMA ACCOUNT LOGINVIEWCONTROLLER LOGINFORMVIEW LOGINFORMVIEWMODEL PRESENTERS ACCOUNT
34. PUZZLE PIECES MODELAGEM DO PROBLEMA ACCOUNT LOGINVIEWCONTROLLER LOGINFORMVIEW LOGINFORMVIEWMODEL PRESENTERS ACCOUNT
35. PUZZLE PIECES MODELAGEM DO PROBLEMA ACCOUNT LOGINVIEWCONTROLLER LOGINFORMVIEW LOGINFORMVIEWMODEL PRESENTERS ACCOUNT
36. PUZZLE PIECES MODELAGEM DO PROBLEMA ACCOUNT LOGINVIEWCONTROLLER LOGINFORMVIEW LOGINFORMVIEWMODEL PRESENTERS ACCOUNT
37. VIEWS QUEBRA-CABEÇA
38. VIEWS QUEBRA-CABEÇA
39. VIEWS QUEBRA-CABEÇA LOGINFORMVIEW
40. VIEWS QUEBRA-CABEÇA LOGINFORMVIEW
41. VIEWS QUEBRA-CABEÇA LOGINFORMVIEW
42. VIEWS QUEBRA-CABEÇA LOGINFORMVIEW
43. VIEWS QUEBRA-CABEÇA LOGINFORMVIEW
44. VIEWMODEL VIEWMODEL : (CONTROLLER + MODEL) < - > VIEW
45. VIEWMODEL VIEWMODEL : (CONTROLLER + MODEL) < - > VIEW
46. VIEWMODEL VIEWMODEL : (CONTROLLER + MODEL) < - > VIEW LOGINFORMVIEWMODEL
47. VIEWMODEL VIEWMODEL : (CONTROLLER + MODEL) < - > VIEW LOGINFORMVIEWMODEL
48. VIEWMODEL VIEWMODEL : (CONTROLLER + MODEL) < - > VIEW LOGINFORMVIEWMODEL
49. VIEWMODEL VIEWMODEL : (CONTROLLER + MODEL) < - > VIEW LOGINFORMVIEWMODEL
50. VIEWMODEL VIEWMODEL : (CONTROLLER + MODEL) < - > VIEW LOGINFORMVIEWMODEL
51. CONTROLLER LOGINVIEWCONTROLLER
52. CONTROLLER LOGINVIEWCONTROLLER
53. CONTROLLER LOGINVIEWCONTROLLER LOGINVIEWCONTROLLER
54. CONTROLLER LOGINVIEWCONTROLLER LOGINVIEWCONTROLLER ACCOUNT
55. CONTROLLER LOGINVIEWCONTROLLER LOGINVIEWCONTROLLER LOGINFORMVIEWMODEL ACCOUNT
56. CONTROLLER LOGINVIEWCONTROLLER LOGINVIEWCONTROLLER LOGINFORMVIEWMODEL LOGINFORMVIEW ACCOUNT
57. CONTROLLER LOGINVIEWCONTROLLER LOGINVIEWCONTROLLER LOGINFORMVIEWMODEL LOGINFORMVIEW ACCOUNT
58. CONTROLLER LOGINVIEWCONTROLLER LOGINVIEWCONTROLLER LOGINFORMVIEWMODEL LOGINFORMVIEW ACCOUNT
59. CONTROLLER LOGINVIEWCONTROLLER LOGINVIEWCONTROLLER LOGINFORMVIEWMODEL LOGINFORMVIEW ACCOUNT
60. RESULTADOS MVC - MVVM - CONCLUSÃO ▸ pequeno esforço para transição ▸ não é muito "distante" do MVC ▸ o controller e a view "desconhecem" o modelo ▸ mais fácil para realizar mudanças no código ▸ obs1.: network updating ▸ obs2.: controller updating
61. MVVM BY SAMPLE (LAST SEEN JUL 6TH) REFERENCES ▸ http://artsy.github.io/blog/2015/09/24/mvvm-in-swift/ ▸ https://www.objc.io/issues/13-architecture/mvvm/ ▸ https://www.natashatherobot.com/updated-protocol- oriented-mvvm-in-swift-2-0/ ▸ http://artsy.github.io/blog/2015/09/24/mvvm-in-swift/
62. Obrigado!
63. Obrigado! ;)