Curso avançado de React: #18 - Instalação, configuração e primeiro uso do shadcn ui

Lessons52 lessons

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

PreviousNext

eSIM for studying abroad

A paid placement. It opens Airalo, not a course.

Course page