Cómo gestionar el estado de tu UI: El camino hacia el Virtual DOM y RxJS

Desde los tiempos en los que el DOM era el centro de la gestión del estado en las aplicaciones web ricas, el modelo de gestión de cambios y actualizaciones del interfaz cliente ha evolucionado sin parar.

En pro de la eficiencia y de la sencillez, hemos pasado del manejo directo del DOM a otras arquitecturas de referencia que permiten un flujo de trabajo unidireccional que es capaz de cumplir de forma más efectiva con estos requisitos.

En esta sesión analizaremos esta evolución con el fin de entender mejor el proceso, las tecnologías implicadas y los frameworks que actualmente las implementan como: React+Redux, Cycle o Elm en la parte de gestión del estado, y/o RXJS o ES6 generators para gestionar el flujo de datos.

Nunca antes las aplicaciones ricas y su comunicación de datos con el servidor ha sido tan flexible y potente!!

Transcript

1. El camino hacia el Virtual DOM y RxJS Ricardo Borillo @borillo Cómo gestionar el estado de tu UI
2. http://programmeratwork.com @programmeratwk
3. http://www.startwarslab.es/
8. What’s the origin of the problem?
9. DOM binding
15. Constant change reflow!!!!!!!
18. State management
29. https://learnredux.com/
35. redux-thunk & redux-promise-middleware redux-saga redux-observable
37. How we do it?
38. State mutation based architecture Let’s focus on state management!!
39. State Change Analysis
44. CQRS & DDD Command Query Responsibility Segregation & Domain Driven Design
45. GraphQL React Redux
46. What’s next? reduce moving parts
49. http://techblog.netflix.com/2016/03/performance-without-compromise.html
51. https://egghead.io/
52. https://egghead.io/