O documento descreve as principais mudanças no ciclo de vida de componentes React, incluindo métodos que serão depreciados como componentWillMount e novos métodos como getDerivedStateFromProps e getSnapshotBeforeUpdate.

1. Novo Ciclo de
vida de um
componente
React, o que
mudou?

2. Hello!
@laryssamagalhaes
Front end developer, mineira, apaixonada por
filmes e fã de Harry Potter.

3. 1.
Métodos que
vão ser
depreciados

4. Métodos que vao ser depreciados:
▣ componentWillMount.
▣ componentWillReceiveProps.
▣ componentWillUpdate.

5. Como vai ser o processo de
depreciação?
Versão 16.3

6. Versao 16.3
▣ Introduzir alias para os 3 métodos do ciclo de
vida, UNSAFE_.

8. Como vai ser o processo de
depreciação?
Versão 16.3
Versão > 16.4

9. Versao > 16.4
▣ Habilita warnings para todos os 3 métodos em
modo de desenvolvimento.

10. Como vai ser o processo de
depreciação?
Versão 16.3
Versão > 16.4
Versão > 17

11. Versao > 17
▣ Todos os 3 métodos serão removidos e apenas
os métodos com alias UNSAFE_ irao
funcionar.

12. 2.
Novos métodos
e como usar

13. getDerivedStateFromProps
É chamado depois do
componente ser
renderizado e quando ele
recebe novas props.

14. Esse método recebe nextProps e prevState como parametro.

16. getSnaptchotBeforeUpdate
É chamado antes de um
novo render.

17. Esse método retorna um snapshot das props, state ou de algum valor que necessita ser
salvo antes do componente ser alterado.

19. Thanks!
Perguntas?
laryssamagal@gmail.com
@laryssamagalhaes