React com Material UI 5 e Typescript

React com Material UI 5 e Typescript

Sobre o Curso

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_displayReact, Material UI e Typescript: 00 - Introdução
smart_displayReact, Material UI e Typescript: 01 - Criando o projeto, organizando arquivos e git
smart_displayReact, Material UI e Typescript: 02 - Estrutura de pastas

Instalação, Configuração

smart_displayReact, Material UI e Typescript: 03 - Instalando React router dom V6
smart_displayReact, Material UI e Typescript: 04 - Instalando Material UI V5
smart_displayReact, Material UI e Typescript: 05 - Configurando tema no MUI
smart_displayReact, Material UI e Typescript: 05.01 [bônus] - Atualização do React 17 para o React 18
smart_displayReact, Material UI e Typescript: 06 - Configurando tema escuro e a troca de tema
smart_displayReact, Material UI e Typescript: 07 - Instalando o ESLINT

Fase 1

smart_displayReact, Material UI e Typescript: 08 - Criando menu lateral
smart_displayReact, Material UI e Typescript: 09 - Drawer responsivo
smart_displayReact, Material UI e Typescript: 10 - Opções de menu no Drawer
smart_displayReact, Material UI e Typescript: 11 - Criando layout base para as páginas
smart_displayReact, Material UI e Typescript: 12 - Layout base responsivo

Fase 2

smart_displayReact, Material UI e Typescript: 13 - Configurando troca de tema dark e light
smart_displayReact, Material UI e Typescript: 14 - Barra de ferramentas da listagem
smart_displayReact, Material UI e Typescript: 15 - Ferramentas de detalhe
smart_displayReact, Material UI e Typescript: 16 - Atributos nos botões da ferramentas de detalhe

Fase 3

smart_displayReact, Material UI e Typescript: 17 - Adicionando o skeleton do Material UI
smart_displayReact, Material UI e Typescript: 18 - Como configurar componente Responsivo React com Material UI

Fase 4

smart_displayReact, Material UI e Typescript: 19 - Criando um backend rápido com Json Server
smart_displayReact, Material UI e Typescript: 20 - Como configurar o axios no React
smart_displayReact, Material UI e Typescript: 21 - Como configurar variáveis ambiente no React

Fase 5

smart_displayReact, Material UI e Typescript: 22 - Isolando o acesso ao backend
smart_displayReact, Material UI e Typescript: 23 - Finalizando os services de acesso ao backend

Fase 6

smart_displayReact, Material UI e Typescript: 24 - Criando tela de cidades
smart_displayReact, Material UI e Typescript: 25 - Consultando o backend e montando listagem no React
smart_displayReact, Material UI e Typescript: 26 - Como impedir consultas desnecessárias com o useDebounce

Fase 7

smart_displayReact, Material UI e Typescript: 27 - Adicionando tabela para listagem de pessoas
smart_displayReact, Material UI e Typescript: 28 - Adicionando loading na listagem de pessoas

Fase 8

smart_displayReact, Material UI e Typescript: 29 - Adicionando paginação na listagem com React
smart_displayReact, Material UI e Typescript: 30 - Configurando ações da listagem

Fase 9

smart_displayReact, Material UI e Typescript: 31 - Tela de criação e edição de registro
smart_displayReact, Material UI e Typescript: 32 - Consulta de registro no backend com React

Fase 10

smart_displayReact, Material UI e Typescript: 33 - Como criar formulários eficientes no React com Material UI
smart_displayReact, Material UI e Typescript: 34 - Como tratar dados complexos em formulários com o unform

Fase 11

smart_displayReact, Material UI e Typescript: 35 - Como salvar os dados do formulário no backend
smart_displayReact, Material UI e Typescript: 36 - Como usar layout Grid do Material UI no formulário

Fase 12

smart_displayReact, Material UI e Typescript: 37 - Como componentizar logica no React com hook customizado
smart_displayReact, Material UI e Typescript: 38 - Como validar formulários no React
smart_displayReact, Material UI e Typescript: 39 - Como traduzir as mensagens de validação do Yup

Fase 13

smart_displayReact, Material UI e Typescript: 40 - Criando CRUD completo de cidades

Fase 14

smart_displayReact, Material UI e Typescript: 41 - Autocomplete de cidades na tela de pessoas

Fase 15

smart_displayReact, Material UI e Typescript: 42 - Desenvolvendo a página inicial
smart_displayReact, Material UI e Typescript: 43 - Construindo service de autenticação
smart_displayReact, Material UI e Typescript: 44 - Construindo contexto autenticação

Fase 16

smart_displayReact, Material UI e Typescript: 45 - Construindo tela de login
smart_displayReact, Material UI e Typescript: 46 - Dicas importantes, recomendações e outros cursos

Questionário

quizQuestionário

Grátis

Este curso inclui:

  • Video aulas: 49
  • Carga horária: 19h5
  • Certificado validado
  • Recursos adicionais

Instrutor(a):

Lucas de Vargas Souza

2 cursos485 alunos