Explicação do uso comum do ES6 com react e arquitetura Redux

1. React Redux
Entendendo ES6 e a Arquitetura Redux

2. ES6

3. Arrow functions

6. Class

9. babeljs.io

10. Imutabilidade

16. Organização

19. Redux

20. Component
Action Creator Action Reducer Store
newState

21. Component
Action Creator Action Reducer Store
newState

22. Component
Apenas um Container Component
por diretório
Nem todo Component é
reutilizável
Nem todo Component tem/precisa
ter estado

23. Container Component
Stateless/Dumb Component
Actions
Reducers

24. Component
Action Creator Action Reducer Store
newState

25. Action Creator
Action
Action Creator retorna uma action
Uma action vai mudar o estado do
reducer
Uma action deve retornar um
objeto ou função (redux-thunk
middleware)

26. Component
Action Creator Action Reducer Store
newState

27. Reducer
O arquivo reducer contém um
modelo do retorno da action
O reducer contém um switch case
para tratar cada action

28. Action Creator Action Reducer Store
newState
Component #1
Component #2
Component #3

29. bit.ly/2g7sFEq