Curso de React intermediário, Material UI e Typescript. Aqui faremos juntos uma aplicação completa com paginação, responsividade, troca de temas e muito mais...
Querendo se aprofundar neste tema, meu...
Introdução
smart_display
React, Material UI e Typescript: 00 - Introdução
smart_display
React, Material UI e Typescript: 01 - Criando o projeto, organizando arquivos e git
smart_display
React, Material UI e Typescript: 02 - Estrutura de pastas
Instalação, Configuração
smart_display
React, Material UI e Typescript: 03 - Instalando React router dom V6
smart_display
React, Material UI e Typescript: 04 - Instalando Material UI V5
smart_display
React, Material UI e Typescript: 05 - Configurando tema no MUI
smart_display
React, Material UI e Typescript: 05.01 [bônus] - Atualização do React 17 para o React 18
smart_display
React, Material UI e Typescript: 06 - Configurando tema escuro e a troca de tema
smart_display
React, Material UI e Typescript: 07 - Instalando o ESLINT
Fase 1
smart_display
React, Material UI e Typescript: 08 - Criando menu lateral
smart_display
React, Material UI e Typescript: 09 - Drawer responsivo
smart_display
React, Material UI e Typescript: 10 - Opções de menu no Drawer
smart_display
React, Material UI e Typescript: 11 - Criando layout base para as páginas
smart_display
React, Material UI e Typescript: 12 - Layout base responsivo
Fase 2
smart_display
React, Material UI e Typescript: 13 - Configurando troca de tema dark e light
smart_display
React, Material UI e Typescript: 14 - Barra de ferramentas da listagem
smart_display
React, Material UI e Typescript: 15 - Ferramentas de detalhe
smart_display
React, Material UI e Typescript: 16 - Atributos nos botões da ferramentas de detalhe
Fase 3
smart_display
React, Material UI e Typescript: 17 - Adicionando o skeleton do Material UI
smart_display
React, Material UI e Typescript: 18 - Como configurar componente Responsivo React com Material UI
Fase 4
smart_display
React, Material UI e Typescript: 19 - Criando um backend rápido com Json Server
smart_display
React, Material UI e Typescript: 20 - Como configurar o axios no React
smart_display
React, Material UI e Typescript: 21 - Como configurar variáveis ambiente no React
Fase 5
smart_display
React, Material UI e Typescript: 22 - Isolando o acesso ao backend
smart_display
React, Material UI e Typescript: 23 - Finalizando os services de acesso ao backend
Fase 6
smart_display
React, Material UI e Typescript: 24 - Criando tela de cidades
smart_display
React, Material UI e Typescript: 25 - Consultando o backend e montando listagem no React
smart_display
React, Material UI e Typescript: 26 - Como impedir consultas desnecessárias com o useDebounce
Fase 7
smart_display
React, Material UI e Typescript: 27 - Adicionando tabela para listagem de pessoas
smart_display
React, Material UI e Typescript: 28 - Adicionando loading na listagem de pessoas
Fase 8
smart_display
React, Material UI e Typescript: 29 - Adicionando paginação na listagem com React
smart_display
React, Material UI e Typescript: 30 - Configurando ações da listagem
Fase 9
smart_display
React, Material UI e Typescript: 31 - Tela de criação e edição de registro
smart_display
React, Material UI e Typescript: 32 - Consulta de registro no backend com React
Fase 10
smart_display
React, Material UI e Typescript: 33 - Como criar formulários eficientes no React com Material UI
smart_display
React, Material UI e Typescript: 34 - Como tratar dados complexos em formulários com o unform
Fase 11
smart_display
React, Material UI e Typescript: 35 - Como salvar os dados do formulário no backend
smart_display
React, Material UI e Typescript: 36 - Como usar layout Grid do Material UI no formulário
Fase 12
smart_display
React, Material UI e Typescript: 37 - Como componentizar logica no React com hook customizado
smart_display
React, Material UI e Typescript: 38 - Como validar formulários no React
smart_display
React, Material UI e Typescript: 39 - Como traduzir as mensagens de validação do Yup
Fase 13
smart_display
React, Material UI e Typescript: 40 - Criando CRUD completo de cidades
Fase 14
smart_display
React, Material UI e Typescript: 41 - Autocomplete de cidades na tela de pessoas
Fase 15
smart_display
React, Material UI e Typescript: 42 - Desenvolvendo a página inicial
smart_display
React, Material UI e Typescript: 43 - Construindo service de autenticação
smart_display
React, Material UI e Typescript: 44 - Construindo contexto autenticação
Fase 16
smart_display
React, Material UI e Typescript: 45 - Construindo tela de login
smart_display
React, Material UI e Typescript: 46 - Dicas importantes, recomendações e outros cursos
