Bem-vindo à playlist oficial do Curso Base de React! Aqui você encontra todas as aulas organizadas na ordem certa para aprender React do jeito certo — direto ao ponto, com prática e explicações claras.
Neste curso gratuito e completo, você vai:
- Entender o que é o JSX e como o React funciona por baixo dos panos
- Aprender a criar componentes reutilizáveis
- Trabalhar com useState, useEffect, useCallback, useMemo e muito mais
- Utilizar React com TypeScript desde o início
- Construir uma aplicação prática enquanto aprende cada conceito
- Evitar atalhos e aprender React puro antes de partir para frameworks como Next.js
O curso é ideal tanto para quem está começando quanto para quem quer fortalecer a base no React com boas práticas e contexto moderno (usando Vite como bundler).
Dica bônus: Quer uma experiência de estudo mais limpa e focada, sem distrações do YouTube? Acesse a versão deste curso na plataforma externa: https://codarse.com
Quer maratonar?
Os membros do canal têm acesso antecipado a todas as aulas. Mas se você está vendo isso depois do lançamento, aproveite: o curso completo já está disponível aqui na playlist!
Prepare seu ambiente, inscreva-se no canal, ative as notificações e bora codar com React!
#CODARSE
Aulas do Curso
(52 vídeos)
0 de 52 aulas concluídas
0%
Progresso salvo somente neste navegador.
0
Curso base de React 2025: #00 - Apresentação do curso e setup inicial
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Este é o primeiro vídeo de uma sér…
1
Curso base de React 2025: #01 - Limpando o código e criando o primeiro contador interativo
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Neste vídeo, você acompanha uma au…
2
Curso base de React 2025: #02 - Estrutura de arquivos do react
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Neste vídeo, damos continuidade ao…
3
Curso base de React 2025: #03 - Removendo arquivos desnecessários
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nesse vídeo, eu mostro como a gent…
4
Curso base de React 2025: #04 - O que de fato é o React? É só magia ou faz algum sentido?
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nessa aula eu te mostro como funci…
5
Curso base de React 2025: #05 - O que é um componente React? E um hook? Qual a diferença?
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nessa aula eu te explico, de forma…
6
Curso base de React 2025: #06 - Por que componentes são a coisa mais incrível já invetada?
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nessa aula eu te mostro como criar…
7
Curso base de React 2025: #07 - useState entenda como usar, sem mistério
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nessa aula eu te explico com calma…
8
Curso base de React 2025: #08 - Renderização condicional no REACT
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nessa aula tu vai aprender como fa…
9
Curso base de React 2025: #09 - Como trabalhar com listas? Por que usa o key na lista? Performance?
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nessa aula tu vai aprender a traba…
10
Curso base de React 2025: #10 - Inserindo novos itens na lista dinâmica
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Seguimos com a construção da nossa…
11
Curso base de React 2025: #11 - Removendo itens e marcando como concluídos
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Seguimos evoluindo a nossa to-do l…
12
Curso base de React 2025: #12 - Como componentizar a interface para melhorar a qualidade do código?
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Chegamos em uma nova fase do curso…
13
Curso base de React 2025: #13 - Clean code na veia, manutenção simples com funções isoladas
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Chegamos em uma nova etapa do curs…
14
Curso base de React 2025: #14 - Componentizando o item do TODO, key no componente personalizado
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Agora a gente avança na componenti…
15
Curso base de React 2025: #15 - Criando componente de List, agora tu entende o poder dos componentes
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Agora que a gente já componentizou…
16
Curso base de React 2025: #16 - Criando um servidor mocado para simular um backend
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nesta aula, a gente dá um passo im…
17
Curso base de React 2025: #17 - Criando API de todos completa e inicio do service para acessar a API
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nesta aula, a gente avança ainda m…
18
Curso base de React 2025: #18 - Criando todos os métodos no service de TODO
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nessa aula do curso Base de React,…
19
Curso base de React 2025: #19 - useEffect o guia definitivo - Entenda como, quando e por que usar
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nessa aula do curso Base de React,…
20
Curso base de React 2025: #20 - Mock com persistência usando mirage no local storage do browser
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nessa aula, a gente conecta de vez…
21
Curso base de React 2025: #21 - TodoAPI mocado, implementado o DELETE e o UPDATE
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nessa aula, a gente finaliza a con…
22
Curso base de React 2025: #22 - Layout de aplicação, CSS base e muitos outro conceitos importantes
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nessa aula a gente dá um passo imp…
23
Curso base de React 2025: #23 - Layout de página simples mas que facilita a manutenção do código
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nessa aula a gente continua a evol…
24
Curso base de React 2025: #24 - Navegação entre páginas com o React Router simplificado
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Chegou a hora de dar um passo giga…
25
Curso base de React 2025: #25 - Parâmetros da URL, tão simples quanto utilizar um useState
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nessa aula aqui do curso Base de R…
26
Curso base de React 2025: #26 - Como usar o useRef, entenda de uma vez mesmo que seja dev jr.
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nessa aula do curso Base de React,…
27
Curso base de React 2025: #27 - Criando rotas públicas e privadas com o React Router, método simples
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nessa aula do curso Base de React,…
28
Curso base de React 2025: #28 - Criando um contexto de autenticação com o React Context API
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nessa aula do curso Base de React,…
29
Curso base de React 2025: #29 - Erro comum ao utilizar os providers do React
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nessa aula do curso Base de React,…
30
Curso base de React 2025: #30 - useMemo e useCallback guia simples de como e quando utilizar
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nessa aula final do curso Base de …
31
Curso base de React 2025: #31 - Torne-se membro e tenha acesso ao curso avançado de react
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Seja muito bem-vindo à última aula…
32
Curso avançado de React: #01 - Conhecendo o react hook form
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Seja muito bem-vindo à primeira au…
33
Curso avançado de React: #02 - useNavigate e Link quando usar cada
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nessa aula do curso avançado de Re…
34
Curso avançado de React: #03 - Estrutura de pastas para páginas públicas e privadas
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nesta aula do curso avançado de Re…
35
Curso avançado de React: #04 - Quando vale usar o react hook form - Primeiro uso com typescript
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nesta aula do nosso curso avançado…
36
Curso avançado de React: #05 - Novo método mocado miragejs, ajuste no service e teste no componente
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nesta aula do curso Avançado de Re…
37
Curso avançado de React: #06 - Submit do formulário com react hook form - Estado de isSubmitting
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nesta aula do curso Avançado de Re…
38
Curso avançado de React: #07 - Atualizando registro por seu id com handleSubmit do react hook form
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nessa aula do curso avançado de Re…
39
Curso avançado de React: #08 - Validação de campos com ZOD e ZodResolver no react hook form
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nessa aula do curso avançado de Re…
40
Curso avançado de React: #09 - Mensagens em português no formulário com zod e react hook form
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nessa aula do curso avançado de Re…
41
Curso avançado de React: #10 - Validação de DATAS com ZOD e react hook form - REFINE - date-fns
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nessa aula do curso avançado de Re…
42
Curso avançado de React: #11 - Validação condicional da data - REFINE - ZOD
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nessa aula do curso avançado de Re…
43
Curso avançado de React: #12 - TIMEZONE no React Resolvido - A maneira certa de trabalhar com fusos
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Seja bem-vindo a mais uma aula do …
44
Curso avançado de React: #13 - Como converter datetime local e salvar no backend com date-fns-tz
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nessa aula do curso avançado de Re…
45
Curso avançado de React: #14 - Conversão de timezone dinâmica para exibir no frontend
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nessa aula do curso avançado de Re…
46
Curso avançado de React: #15 - Instalação, configuração e extensão do tailwindcss - Guia completo
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nessa aula do curso avançado de Re…
47
Curso avançado de React: #16 - Dicas e truques com o tailwindcss que vão salvar o seu projeto
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nessa aula intensa do curso avança…
48
Curso avançado de React: #17 - Revisão das refatorações para usar o tailwindcss no projeto todo
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nessa aula do curso avançado de Re…
49
Curso avançado de React: #18 - Instalação, configuração e primeiro uso do shadcn ui
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Nessa aula do curso avançado de Re…
50
Curso avançado de React: #19 - Refatorando para utilizar o shadcn/ui - data, popover, input, button
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Neste vídeo, eu te mostro uma das …
51
Curso avançado de React: #20 - Adicionando gráfico na página inicial
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA
Seja bem-vindo a mais uma aula do …