Entendendo React Hooks - Refatorando um Componente de Classe para um funcional

preview_player
Показать описание
Nesse vídeo eu falo um pouco sobre React Hooks e mostro na prática como funcionam os dois hooks mais utilizados: useState e useEffect.

=========NAV==========
00:16 - Introdução do conteúdo (Pular abertura)
1:04 - Apresentando o componente
1:28 - Olhadinha rápida no componente de classe
2:58 - Criando o arquivo do componente funcional
3:32 - Iniciando a refatoração
4:10 - useState
5:22 - Como inicializar o useState com um valor padrão
6:10 - Removendo referências ao estado da classe e usado as variáveis useState
7:40 - useEffect (componentDidUpdate)
10:00 - rodando useEffect apenas quando variável "x" for atualizada
11:37 - useEffect(componentDidMount)
12:45 - useEffect(componentWillUnmount)
13:31 - Conclusão - comparando o código final de ambos os componentes.
Рекомендации по теме
Комментарии
Автор

Show! ! mostrou realmente como funciona em uma situação real, não ficou no exemplo de um botão e um contator de click. Parabéns!!!

eduardocavalcante
Автор

Cara, essa foi a melhor explicação de useState e useEffect que eu encontrei na internet, valeu mesmo!

NicholasVianna
Автор

Caraca, muito bom ficou o seu vídeo!! Parabéns

EddyeBoyGamer
Автор

Excelente explicação Gustavo, meus parabéns! Obrigado pela ajuda irmão.

igorrgarcia
Автор

conteúdo massa cara! faz um video sobre useMemo, useCallback e useRef por favor

caiohenrique
Автор

Qual extensão do VsC voce usa pra mudar os simbolos de !=, => ?

gabriellucas