Curso base de React - Curso Completo de React – Do Zero à Prática com TypeScript
Introdução e apresentação do curso
Curso base de React 2025: #00 - Apresentação do curso e setup inicial
Curso base de React 2025: #01 - Limpando o código e criando o primeiro contador interativo
Curso base de React 2025: #02 - Estrutura de arquivos do react
Primeiros passos com o projeto React
Curso base de React 2025: #03 - Removendo arquivos desnecessários
Curso base de React 2025: #04 - O que de fato é o React? É só magia ou faz algum sentido?
Curso base de React 2025: #05 - O que é um componente React? E um hook? Qual a diferença?
Curso base de React 2025: #06 - Por que componentes são a coisa mais incrível já invetada?
Curso base de React 2025: #07 - useState entenda como usar, sem mistério
Curso base de React 2025: #08 - Renderização condicional no REACT
Curso base de React 2025: #09 - Como trabalhar com listas? Por que usa o key na lista? Performance?
Render, Componentização e código limpo
Curso base de React 2025: #10 - Inserindo novos itens na lista dinâmica
Curso base de React 2025: #11 - Removendo itens e marcando como concluídos
Curso base de React 2025: #12 - Como componentizar a interface para melhorar a qualidade do código?
Curso base de React 2025: #13 - Clean code na veia, manutenção simples com funções isoladas
Curso base de React 2025: #14 - Componentizando o item do TODO, key no componente personalizado
Curso base de React 2025: #15 - Criando componente de List, agora tu entende o poder dos componentes
Servidor mocado, chamadas de API, useEffect
Curso base de React 2025: #16 - Criando um servidor mocado para simular um backend
Curso base de React 2025: #17 - Criando API de todos completa e inicio do service para acessar a API
Curso base de React 2025: #18 - Criando todos os métodos no service de TODO
Curso base de React 2025: #19 - useEffect o guia definitivo - Entenda como, quando e por que usar
Curso base de React 2025: #20 - Mock com persistência usando mirage no local storage do browser
Curso base de React 2025: #21 - TodoAPI mocado, implementado o DELETE e o UPDATE
Como estruturar os layouts na aplicação
Curso base de React 2025: #22 - Layout de aplicação, CSS base e muitos outro conceitos importantes
Curso base de React 2025: #23 - Layout de página simples mas que facilita a manutenção do código
Navegação entre páginas e parâmetros na URL
Curso base de React 2025: #24 - Navegação entre páginas com o React Router simplificado
Curso base de React 2025: #25 - Parâmetros da URL, tão simples quanto utilizar um useState
Curso base de React 2025: #26 - Como usar o useRef, entenda de uma vez mesmo que seja dev jr.
Curso base de React 2025: #27 - Criando rotas públicas e privadas com o React Router, método simples
Context API, useContext, useCallback e useMemo
Curso base de React 2025: #28 - Criando um contexto de autenticação com o React Context API
Curso base de React 2025: #29 - Erro comum ao utilizar os providers do React
Curso base de React 2025: #30 - useMemo e useCallback guia simples de como e quando utilizar
Encerramento do curso base, se torne membro!
Curso base de React 2025: #31 - Torne-se membro e tenha acesso ao curso avançado de react
[Membros apenas] Formulários avançados
Curso avançado de React: #01 - Conhecendo o react hook form
Curso avançado de React: #02 - useNavigate e Link quando usar cada
Curso avançado de React: #03 - Estrutura de pastas para páginas públicas e privadas
Curso avançado de React: #04 - Quando vale usar o react hook form - Primeiro uso com typescript
Curso avançado de React: #05 - Novo método mocado miragejs, ajuste no service e teste no componente
Curso avançado de React: #06 - Submit do formulário com react hook form - Estado de isSubmitting
Curso avançado de React: #07 - Atualizando registro por seu id com handleSubmit do react hook form
[Membros apenas] Validação de campos do formulário
Curso avançado de React: #08 - Validação de campos com ZOD e ZodResolver no react hook form
Curso avançado de React: #09 - Mensagens em português no formulário com zod e react hook form
Curso avançado de React: #10 - Validação de DATAS com ZOD e react hook form - REFINE - date-fns
Curso avançado de React: #11 - Validação condicional da data - REFINE - ZOD
[Membros apenas] Datetime e timezone
Curso avançado de React: #12 - TIMEZONE no React Resolvido - A maneira certa de trabalhar com fusos
Curso avançado de React: #13 - Como converter datetime local e salvar no backend com date-fns-tz
Curso avançado de React: #14 - Conversão de timezone dinâmica para exibir no frontend
[Membros apenas] Tratamento avançado de CSS
Curso avançado de React: #15 - Instalação, configuração e extensão do tailwindcss - Guia completo
Curso avançado de React: #16 - Dicas e truques com o tailwindcss que vão salvar o seu projeto
Curso avançado de React: #17 - Revisão das refatorações para usar o tailwindcss no projeto todo
[Membros apenas] Biblioteca de componentes
Curso avançado de React: #18 - Instalação, configuração e primeiro uso do shadcn ui
Curso avançado de React: #19 - Refatorando para utilizar o shadcn/ui - data, popover, input, button
[Membros apenas] Componente de gráficos
Curso avançado de React: #20 - Adicionando gráfico na página inicial