Voltar
React na prática
Workshop
57 vídeos
•
05:57:10
Seção 01
|
Introdução
1.
Fundamentos de React e Ferramentas
01:44
2.
Evolução do React
02:56
3.
Como funciona o React e SPA
10:20
4.
Renderização com React
02:41
5.
Primeiro Componente
07:26
6.
Hooks
02:24
7.
useState
03:37
Seção 02
|
Configuração de Ambiente
8.
Configuração Vite com JSX
03:21
9.
Usando Prettier no Desenvolvimento
05:57
10.
Configurando ESLint e Prettier
09:54
11.
Configurando Vite e React
06:32
12.
HTML Mais Limpo com React
03:12
13.
Introdução ao JSX
05:26
14.
Revisão e organizando o código
05:05
Seção 03
|
Iniciando o Projeto
15.
Conhecendo o projeto
06:52
16.
Iniciando o Projeto
02:59
17.
Componente TitleBar
02:49
Seção 04
|
CSS Modules
18.
CSS Modules no React
02:35
19.
Unidades CSS Acessíveis
01:42
20.
Organizando Projeto com CSS Modules
04:00
Seção 05
|
Radix UI e Componentes
21.
Componente React Editable
04:04
22.
React: Desestruturação e Radix UI
03:41
23.
Radix UI: Popover no React
04:44
24.
Aprimorando o Componente Editable
04:53
25.
Estilizando Popover no React
04:20
Seção 06
|
Props
26.
Componente React: Input de Cor
06:19
Seção 07
|
Hooks
27.
Introduzindo `useContext` no React
05:55
28.
Utilizando `useContext` no React
09:16
29.
Automatizando Props em React
08:08
30.
Componente Controlado
08:05
Seção 08
|
Componentes
31.
Chaves Únicas no React
02:06
32.
Desenvolvendo Componentes React
18:25
33.
SVGs em Componentes React
09:56
34.
Fundo Personalizado com React e CSS
11:15
Seção 09
|
React Router
35.
Rotas com React Router
05:58
Seção 10
|
Configurando Tema
36.
Salvando Temas com JSON
13:40
37.
Temas Dinâmicos em React
11:37
38.
Criando Componente ThemeListItem
04:40
Seção 11
|
Revisão
39.
Configuração de Projetos React
01:31
Seção 12
|
Navegação
40.
Navegação com React Router
05:12
41.
Barra Dinâmica em React
08:33
Seção 13
|
Mais Hooks
42.
Parâmetros e Hooks no React Router
10:38
43.
Memoização em React: useMemo e useCallback
05:05
44.
Refatoração React com useEffect
08:52
Seção 14
|
Compartilhando o Tema
45.
Compartilhando Temas no React
06:46
46.
Compartilhamento de Temas no React
10:22
Seção 15
|
useMemo e useCallback
47.
Otimizando com useCallback e useMemo
11:24
48.
useMemo no React
04:47
Seção 16
|
Outros Tópicos
49.
Integre Temas no VS Code
07:17
50.
React DevTools em Ação
04:32
51.
Hooks Personalizados no React
05:43
52.
Redesign de Botões Interativos
04:32
53.
Aprimorando o Design do Modal
09:56
54.
Aperfeiçoando a Lista de Temas
06:28
55.
Modal Automatizado
10:59
56.
Refatoração de Estilos CSS
04:11
Seção 17
|
Finalização
57.
Encerramento
01:48
Login
Workshops
>
React na prática
>
Componente Controlado
Componente Controlado
Comentários
(0)
Faça login para comentar