Context API e Redux não são concorrentes, eis o porquê

Existe uma confusão comum de que a Context API do React é uma alternativa ao Redux, nesta talk quero desfazer esta confusão e desmistificar a relação entre os dois.

Transcript

1. Context API e Redux Não são concorrentes, eis o porquê
2. Talysson / @talyssonoc. Web dev @ Codeminer42 beacons.page/talyssonoc.
3. Porque pensa-se que são concorrentes?
4. Porque ambos parecem lidar com gerência de estado
5. Estado Dados de uma aplicação em um determinado momento no tempo.
6. Gerência de estado O modo como estes dados serão armazenados e alterados. Mas não necessariamente diz respeito a como eles serão distribuídos.
7. Redux Armazenamento Alteração
8. Context API Não faz gerência de estado Armazenamento? Alteração? Distribuição
9. Distribuição de dados Canal de comunicação pelo qual dados poderão ser acessados de maneira padronizada dentro de um escopo definido. Por exemplo, dentro de uma parte da árvore de componentes.
10. Context API
11. Redux Gerência de estado Distribuição de dados Context API
12. Redux • Focado em gerenciar estado (dados puros) • Árvore de estado única • Lógica componível através de reducers, middlewares e enhancers • Independente de UI • Ignorante quanto a distribuição do estado
13. Context API • Focado em distribuir qualquer dado ou funcionalidade. Ex.: roteamento, tema, orientação da tela, etc • Cada contexto pode ser usado separadamente • Depende da hierarquia definida na UI • Composição manual e também dependente da UI
14. Redux Gerência de estado Distribuição de dados ? Context API
15. Redux Gerência de estado Distribuição de dados react-redux Context Context API
16. Redux + distribuição de dados Distribuição
17. Redux ? Gerência de estado Distribuição de dados Context API react-redux Context
18. Redux Gerência de estado Distribuição de dados Context API useState() useReducer() XState react-redux Context
19. Context API + gerência de estado Armazenamento + Alteração
20. Apesar de existir uma interseção entre as possibilidades de uso de Context API e Redux... Context API Redux
21. Há problemas que só a Context API resolve, e há problemas que só o Redux resolve Context API Redux
22. Context API e Redux podem ser usados lado a lado Cada um deles para atacar problemas diferentes
23. Obrigado! @talyssonoc. beacons.page/talyssonoc