Seção 01 | Introdução

1. 1.

   Fundamentos de React e Ferramentas

   01:44
2. 2.

   Evolução do React

   02:56
3. 3.

   Como funciona o React e SPA

   10:20
4. 4.

   Renderização com React

   02:41
5. 5.

   Primeiro Componente

   07:26
6. 6.

   Hooks

   02:24
7. 7.

   useState

   03:37

Seção 02 | Configuração de Ambiente

1. 8.

   Configuração Vite com JSX

   03:21
2. 9.

   Usando Prettier no Desenvolvimento

   05:57
3. 10.

   Configurando ESLint e Prettier

   09:54
4. 11.

   Configurando Vite e React

   06:32
5. 12.

   HTML Mais Limpo com React

   03:12
6. 13.

   Introdução ao JSX

   05:26
7. 14.

   Revisão e organizando o código

   05:05

Seção 03 | Iniciando o Projeto

1. 15.

   Conhecendo o projeto

   06:52
2. 16.

   Iniciando o Projeto

   02:59
3. 17.

   Componente TitleBar

   02:49

Seção 04 | CSS Modules

1. 18.

   CSS Modules no React

   02:35
2. 19.

   Unidades CSS Acessíveis

   01:42
3. 20.

   Organizando Projeto com CSS Modules

   04:00

Seção 05 | Radix UI e Componentes

1. 21.

   Componente React Editable

   04:04
2. 22.

   React: Desestruturação e Radix UI

   03:41
3. 23.

   Radix UI: Popover no React

   04:44
4. 24.

   Aprimorando o Componente Editable

   04:53
5. 25.

   Estilizando Popover no React

   04:20

Seção 06 | Props

1. 26.

   Componente React: Input de Cor

   06:19

Seção 07 | Hooks

1. 27.

   Introduzindo `useContext` no React

   05:55
2. 28.

   Utilizando `useContext` no React

   09:16
3. 29.

   Automatizando Props em React

   08:08
4. 30.

   Componente Controlado

   08:05

Seção 08 | Componentes

1. 31.

   Chaves Únicas no React

   02:06
2. 32.

   Desenvolvendo Componentes React

   18:25
3. 33.

   SVGs em Componentes React

   09:56
4. 34.

   Fundo Personalizado com React e CSS

   11:15

Seção 09 | React Router

1. 35.

   Rotas com React Router

   05:58

Seção 10 | Configurando Tema

1. 36.

   Salvando Temas com JSON

   13:40
2. 37.

   Temas Dinâmicos em React

   11:37
3. 38.

   Criando Componente ThemeListItem

   04:40

Seção 11 | Revisão

1. 39.

   Configuração de Projetos React

   01:31

Seção 12 | Navegação

1. 40.

   Navegação com React Router

   05:12
2. 41.

   Barra Dinâmica em React

   08:33

Seção 13 | Mais Hooks

1. 42.

   Parâmetros e Hooks no React Router

   10:38
2. 43.

   Memoização em React: useMemo e useCallback

   05:05
3. 44.

   Refatoração React com useEffect

   08:52

Seção 14 | Compartilhando o Tema

1. 45.

   Compartilhando Temas no React

   06:46
2. 46.

   Compartilhamento de Temas no React

   10:22

Seção 15 | useMemo e useCallback

1. 47.

   Otimizando com useCallback e useMemo

   11:24
2. 48.

   useMemo no React

   04:47

Seção 16 | Outros Tópicos

1. 49.

   Integre Temas no VS Code

   07:17
2. 50.

   React DevTools em Ação

   04:32
3. 51.

   Hooks Personalizados no React

   05:43
4. 52.

   Redesign de Botões Interativos

   04:32
5. 53.

   Aprimorando o Design do Modal

   09:56
6. 54.

   Aperfeiçoando a Lista de Temas

   06:28
7. 55.

   Modal Automatizado

   10:59
8. 56.

   Refatoração de Estilos CSS

   04:11

Seção 17 | Finalização

1. 57.

   Encerramento

   01:48