MVI para apps Android

En esta presentación se explica qué es el patrón de presentación MVI:
- Primero, se expone cuál ha sido la evolución de los patrones de presentación en Android y cuales son los que se suelen usar actualmente.
- A continuación, se exponen los problemas que viene a resolver MVI
- Después, se describe cada uno de los componentes que tiene este patrón para seguidamente explicar cómo se utiliza la programación reactiva para construir el flow por el que se envían y reciben los eventos.
- Finalmente, se exponen los problemas que pueden surgir tras trabajar con el y una serie de ventajas que conlleva el uso de este patrón.

Transcript

1. MVI para aplicaciones Android Sigue el flow!
2. Hola! Mi nombre es Gema y me dedico a programar bugs apps para Android
3. MVI ¿Qué es MVI?
5. God ACTIVITY override fun onCreate(saved State: Bundle?)
6. God ACTIVITY override fun onCreate(saved State: Bundle?)
7. MVP View Presenter Model Input Contrato
8. MVVM View ViewModel Model Input Observa
9. MVI View Model Intent State
10. Cada vez que un nuevo patrón de presentación nace para Android (prepárense frameworks de Javascript que vamos a por ustedes)
11. Por qué necesito este patrón?
12. Erase una vez…
13. Erase una vez… Vista Presenter Tap en buscar Buscar “Sprigatito” WIP: Sprigatito info Lista resultados búsqueda Mostrar lista
14. Erase una vez… Vista Presenter Tap en buscar Buscar “Sprigatito” WIP: Sprigatito info Lista resultados búsqueda Mostrar lista 1 Pull para refrescar Cargar sig. página WIP: Cargar sig. página Lista sig. página Mostrar lista 2
15. MVI View Model Intent State Unidirectional data flow
16. Componentes ¿Qué ingredientes necesita mi MVI?
17. MVI View Model Intent State
18. MVI: Intents
19. MVI: de Intent a Action View Model Intent View Model Intent Action Mapper Processor - Desacoplar Intents/UIEvents del comando (Action) que se use en domain - Posibilidad de mapear más de un Intent a una Action
20. MVI: de Intent a Action View Model Intent Action Mapper Processor
21. MVI: Action mapper View Model Intent Action Mapper Processor
22. MVI: PROCESSOR Model Action Mapper Processor
23. MVI View Model Intent State View Model Intent State Mapper o reducer Result
24. MVI: Result Model Action Processor Mapper o Result
25. MVI: ViewState View Model Intent State Mapper o reducer Result
26. MVI: Viewstate
27. MVI: Mapper
28. MVI: REDUCER
29. MVI View Model Intent State
30. Construcción ¿Cómo pego todo esto junto?
31. Unidirectional data flow View Model Intent State Unidirectional data flow Streams
32. Observe ViewStates: Stateflow
33. Observe Intents: SharedFlow
34. MVI completado! View Model Intent State
35. Problemillas Grandes preguntas sobre la vida en MVI
36. ¿Qué es el SingleLiveEvent y como se come? Cambios del estado de la UI que tienen cierta duración
37. SingleLiveEvent: Soluciones - Flow diferente: Usar un flow diferente/adicional para enviar los eventos de duración limitada - Mismo flow: Emitir un Intent para cambiar el valor que lanza el Toast una vez ha sido mostrado - Emitir dos ViewStates: uno para mostrar el Toast, otro para borrarlo del estado
38. ¿Y si mi Viewstate crece hasta dimensiones industriales? Estrategia: Divide y vencerás - ¿Estoy intentando abarcar demasiadas responsabilidades con una sola vista? - Dividir el ViewState único que recibe la vista a la hora de renderizar ViewState VS Btn 1 VS Btn 2 VS Btn 3
39. MVI es muy verbose Hay librerías que facilitan bastante el trabajo: - MVICore - Orbit MVI - MVFlow - MVKotlin Una vez montado, es muy cómodo añadir cada uno de los componentes para una nueva funcionalidad
40. MVI es díficil de debuggear - Puedes poner un breakpoint en cada uno de los pasos y ver cómo va pasando por la cadena de operadores del stream - También es sencillo loggear en cada uno de ellos
41. Ventajas <3 MVI
42. Inmutabilidad • Todos los objetos que se pasan en el data flow son inmutables, nunca cambian. • Los componentes tienen que crear nuevos objetos para enviar datos nuevos o actualizados
43. Fácil de testear • Es muy sencillo testear tanto con test unitarios como con tests de integración cada una de las partes del flujo de datos
44. Time travel • Grabando Intents y el ViewState inicial, se puede reproducir lo que ha ido ocurriendo ◦ Librerías como MVIKotlin ya lo tienen integrado
45. Pokédex completada!
46. Muchas gracias! info@gemasr.com @gemamsr