filmov
tv
Entendendo React Hooks - Refatorando um Componente de Classe para um funcional
Показать описание
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.
=========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.
Entendendo React Hooks - Refatorando um Componente de Classe para um funcional
Dominando os Hooks | React em 8 minutos!
APRENDA USESTATE - SIMPLIFICANDO OS HOOKS DO REACT
Entendendo React Hooks
Refatorando para React Hooks e Atualizando States via Props (React.JS 2020 #02)
Programei em React JS o Frontend do AirCnC (usando React Hooks como useEffect e useMemo)
Entendendo a diferença entre os React Hooks useCallback e useMemo
Entendendo React Hooks e seu impacto no ecossistema
Utilizando o Hook do useEffect | Diego Fernandes
React Hooks: useRef
Aprenda React na prática - Refatorando o componente (Parte 9)
Nova atualização do React - O que é Hook?
React Hooks - Fundamentos useState #1
Como converter componentes React de classes para hooks | Tudo que você precisa saber
Como usar a hook de useCallback no React | Otimizando performance
LIVE CODING: Refatorando projeto React
[Front-End] React - Simplificando componentes com Hooks
Formulários com React JS & React Native com React Hook Form
Aventuras de refatoração no código do React
useEffect in React, how we can use useeffect hook
React Hooks - Fundamentos useEffect #3
Convertendo um Class Based Component para React Hooks
LEARN REACT JS | Functional Components, Hooks, and Routing
Ignite Chapter II - Resolvendo o Desafio Refatorando classes e TypeScript
Комментарии