Lesson 7 of 82
#react [Aula 06] - Criando um componente
Lessons82 lessons
- 1#react [Aula 00] - Curso Completo de React: Do Básico ao Avançado
- 2#react [Aula 01] - Criando o projeto com Vite
- 3#react [Aula 02] - Configurando Eslint e prettier no projeto
- 4#react [Aula 03] - Instalando Styled-components e AntD
- 5#react [Aula 04] - Como funciona o React
- 6#react [Aula 05] - Utilizando o Google Chrome para ajudar no desenvolvimento
- 7#react [Aula 06] - Criando um componente
- 8#react [Aula 07] - Colocando responsividade na tela de login
- 9#react [Aula 08] - Criando um Input reutilizável
- 10#react [Aula 09] - Criando um Botão reutilizável
- 11#react [Aula 10] - Trabalho com mudança de estados
- 12#react [Aula 11] - Fazendo comunicação com o backend utilizando axios
- 13#react [Aula 12] - Utilizando SVG no nosso projeto
- 14#react [Aula 13] - Criação de rotas com o React-router
- 15#react [Aula 14] - Criando React hook customizado
- 16#react [Aula 15] - Utilizando context e criando um hook para usá-lo
- 17#react [Aula 16] - Criando componente de notificação e utilizando useEffects
- 18#react [Aula 17] - Criando função para padronizar requisições
- 19#react [Aula 18] - Salvando token no localStorage
- 20#react [Aula 19] - Redirecionando usuário que já fez login
- 21#react [Aula 20] - Inserindo token JWT em todas as requisições
- 22#react [Aula 21] - Verificando se o usuário fez login utilizando o loader do React router
- 23#react [Aula 22] - Criando tela 404 (Not found)
- 24#react [Aula 23] - Criando um novo hook para requisições
- 25#react [Aula 24] - Buscando lista de produtos no backend
- 26#react [Aula 25] - Criando uma tabela com o Antd
- 27#react [Aula 26] - Inserindo a coluna de categoria na tabela de produtos
- 28#react [Aula 27] - Criando tooltip personalizado para imagem
- 29#react [Aula 28] - Criando breadcrumb e tela de inserir produto
- 30#react [Aula 29] - Ordenar e buscar dados na tabela de produtos
- 31#react [Aula 30] - Criando o formulário de inserir produto
- 32#react [Aula 31] - Criando select personalizado e requisição de inserir produto
- 33#react [Aula 32] - Finalizando a tela de inserir produto
- 34#react [Aula 33] - Criar um input monetário
- 35#react [Aula 34] - Criando hook da tela de inserir produto
- 36#react [Aula 35] - Criação do menu lateral
- 37#react [Aula 36] - Criação do header
- 38#react [Aula 37] - Utilizar o redirect no loader do React router
- 39#react [Aula 38] - Criar menu lateral com layout do Antd
- 40#react [Aula 39] - Bloquear commits com warnings do Eslint
- 41#react [Aula 40] - Criar tela de categorias
- 42#react [Aula 41] - Criar tabela de categorias com AntD
- 43#react [Aula 42] - Criar tela de inclusão de categorias
- 44#react [Aula 43] - Finalizar lógicas de inserir categoria
- 45#react [Aula 44] - Inserir React Redux no projeto
- 46#react [Aula 46] - Configurar Jest + React Testing Library no Vite Typescript
- 47#react [Aula 45] - Removendo o useContext e substituindo pelo Redux
- 48#react [Aula 47] - Teste unitário de um botão e um input
- 49#react [Aula 48] - Teste unitário do header
- 50#react [Aula 49] - Como gerar e utilizar mocks com jest.mock
- 51#react [Aula 50] - Testar onChange no React Testing Library
- 52#react [Aula 51] - Finalizar os testes unitários da tela de inserir produtos
- 53#react [Aula 52] - Testar um hook com a biblioteca react-hooks-testing-library
- 54#react [Aula 53] - Testar useEffect no nosso hook
- 55#react [Aula 54] - Criar mock para o axios com a lib axios-mock-adapter
- 56#react [Aula 55] - Testar funções com o jest
- 57#react [Aula 56] - Testar a função auth
- 58#react [Aula 57] - Testar a função ConnectionAPI
- 59#react [Aula 58] - Continuação do teste unitário da função ConnectionAPI
- 60#react [Aula 59] - Criar tela de listagem de pedidos
- 61#react [Aula 60] - Criar tabela dos pedidos utilizando AntD
- 62#react [Aula 61] - Criar a tela de detalhes do pedido
- 63#react [Aula 62] - Passando parametros utilizando o React-router
- 64#react [Aula 63] - Inserir loading e tipagem para os detalhes do pedido
- 65#react [Aula 64] - Inserir tabela com listagem de produtos do pedido
- 66#react [Aula 65] - Inserir máscara para CPF, telefone e CEP
- 67#react [Aula 66] - Criar tela de listar usuários
- 68#react [Aula 67] - Criar tabela na tela de listar usuários
- 69#react [Aula 68] - Converter informações do JWT de base64 para um objeto
- 70#react [Aula 69] - Criar tela de inserir administrador
- 71#react [Aula 70] - Inserir botão na tabela de produtos para deletar
- 72#react [Aula 71] - Inserir novos campos no produto
- 73#react [Aula 72] - Inserir botão de editar produto na listagem
- 74#react [Aula 73] - Editar produto parte 2
- 75#react [Aula 74] - Editar produto parte 3
- 76#react [Aula 75] - Inserir modal de confirmar exclusão
- 77#react [Aula 76] - Criar função de deletar categoria
- 78#react [Aula 77] - Deletar e editar categoria
- 79#react [Aula 78] - Criar função de editar categoria
- 80#react [Aula 79] - Teste unitário da função breadcrumb
- 81#react [Aula 80] - Teste unitário do componente InputMoney
- 82#react [Aula 81] - Teste unitário do componente Select