Effects com useEffect
Parte do curso de React
Até aqui, o trabalho de um componente foi olhar para as props e o estado atuais e responder a uma única pergunta: o que deve aparecer na tela agora. Essa resposta precisa sair igual toda vez que você faz a mesma pergunta com as mesmas entradas, do jeito que uma calculadora devolve o mesmo resultado para 2 + 2 por mais vezes que você aperte o igual.
Um efeito colateral é qualquer coisa que um trecho de código faz que vá além de "receber estas entradas e devolver um valor": mexer em um timer, em uma conexão de rede, em uma API do navegador ou em qualquer outra coisa que exista independentemente do seu componente.
Quer aprender React Effects com useEffect em um ambiente real?
Clique abaixo, ganhe uma máquina Linux com React pronto e pratique Effects com useEffect com um tutor de IA que conhece seu código.
Começar esta liçãoEffects com useEffectO que você vai aprender
- What counts as a side effect
- UseEffect signature
- Dependency array
- Running on mount only
- Cleanup function
- Subscribe/unsubscribe pattern
Leia esta lição no seu idioma
Todas as lições deste curso
17 lições- 1O que é React?25 min
- 2JSX e Components30 min
- 3Props30 min
- 4State com useState35 min
- 5Manipulando Eventos30 min
- 6Renderização Condicional e Listas30 min
- 7Formulários e Controlled Inputs35 min
- 8Effects com useEffect40 min
- 9Busca de Dados40 min
- 10Composição de Components35 min
- 11Context e useContext35 min
- 12useReducer35 min
- 13Hooks Personalizados35 min
- 14Desempenho e Memoization35 min
- 15Roteamento com React Router40 min
- 16Testando Components React40 min
- 17Projeto Final: Aplicativo de Tarefas60 min
