React 16.3 - O que veio de novo?

Apresentação no primeiro "React BSB", apresentando o que veio de novo no release 16.3 do React.

Transcript

1. react O QUE VEIO DE NOVO 16.3
2. GUILHERME GVARANDAS JIROTHEONE NOVATICS/BB
3. LANÇADO EM 03/2013 16.3 EM 29/03 VERSÃO ATUAL - 16.3.2
4. context api morte ao redux?
5. fonte de dados estado centralizado utilizado pelo redux estável no react@^16.3
9. context provider consumer children
10. Context { Provider, Consumer }
11. Provider disponibiliza um estado comum
12. Consumer conecta com o contexto
13. createRef forwardRef
14. o que é ref? declarativo vs imperativo
15. legado string callback ⚰
16. createRef
17. encapsulamento apresentação componente temificado higher order components delegação de referência
18. forwardRe f
19. ciclo de vida simplificação
20. muitas opções muitas possibilidades de erro bloqueio do render possíveis memory leaks
21. bloqueio do render inicial possíveis memory leaks evolução do modelo original async rendering mode compilador react (prepack.io)
22. componentWillMount RIP ⚰ componentWillReceiveProps componentWillUpdate
23. 16.3.2 16.X 17.X “deprecated” deprecation warnings prefixo “UNSAFE_”
24. getDerivedStateFromProps novos métodos getSnapshotBeforeUpdate
25. gdfp getDerivedStateFromProps invocado após ser instanciado ou antes de um re-render
26. gdfp getDerivedStateFromProps
27. gdfp getDerivedStateFromProps retorna um estado puro para merge não tem acesso ao “this” método estático
28. gdfp getDerivedStateFromProps substitui componentWillReceiveProps deve declarar state inicial callbacks => componentDidUpdate ⚠
29. gsbu getSnapshotBeforeUpdate invocado antes do DOM ser atualizado
30. gsbu getSnapshotBeforeUpdate parâmetro => componentDidUpdate
32. StrictMode olar debug
34. ciclos de vida depreciados ref api legado (string) possíveis efeitos colaterais StrictMode
36. render phase (lento) compara modificações (diff) commit phase (rápido) aplica modificações no DOM
37. evita mudanças não determinísticas constructor render setState getDerivedStateFromProps
38. ⚠ não tem efeito em builds de produção
39. recap tá liberado anotar
40. API de contexto createRef / forwardRef novo ciclo de vida StrictMode component
41. confira nosso post sobre a api de contexto !nyurl.com/nova!csreactapi
42. É NOIS VALEU