Lezione 13 di 52
Curso base de React 2025: #12 - Como componentizar a interface para melhorar a qualidade do código?
Lezioni52 lezioni
- 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