MobX: State Management made easy

A gente ja sabe como resolver o problema do DOM, mas hoje temos um novo problema pra resolver: state. Manter o state no front-end organizado é muito complicado. Com MobX voce consegue fazer isso de uma forma elegante e simples de verdade.

Transcript

1. STATE MANAGEMENT EASY Made
2. Paulo Pires Software Engineer
3. Belo Horizonte - Brazil
4. DOM era DIFICIL
5. State É DIFICIL
6. ☁ state UI cloud service database Por que state management é dificil?
7. Redux Simple and Elegant Concept
9. NOVAS coisas para APRENDER Reducers
10. Reducers Immutable NOVAS coisas para APRENDER
11. Reducers Immutable Connect NOVAS coisas para APRENDER
12. Reducers Immutable Connect Smart and Dumb Components NOVAS coisas para APRENDER
13. Reducers Immutable Connect Smart and Dumb Components Thunks and Sagas NOVAS coisas para APRENDER
15. Redux Nos Ensina Coisas Novas
16. MobX
17. MobX A Ideia Conceitos Simplicidade ⚡Velocidade Escalonável
18. State deve ser minimamente definido
19. State deve ser minimamente definido Sem Cache
20. State deve ser minimamente definido Sem Cache Sem Duplicação de Dados
21. State deve ser minimamente definido Sem Cache Sem Duplicação de Dados Sem Mudanças em Cascata
22. TUDO DEVE SER derivado
23. MobX: State
24. MobX: State
25. MobX: State
26. MobX: Derivations
27. MobX: Derivations COMPUTED
28. MobX: Derivations
29. MobX: Derivations
30. MobX: Derivations REACTIONS
31. MobX: Derivations REACTIONS
32. MobX: Actions
33. MobX: Actions
34. MobX: Actions
36. Simplicidade
37. @observable enables MobX to observe your data
38. @observer MobX check if this component is consistent with state
39. @computed MobX ensures that this value is consistent with state
40. Velocidade ⚡
41. ⚡
42. Escalabilidade
43. Estado Minimo Código Simples Third Party Friendly