Chegamos ao final do Módulo 38: Construa uma loja virtual com React - Parte IV em que você:
- conheceu dicas de navegação nos arquivos;
- criou os campos do formulário;
- estilizou os elementos do formulário;
- organizou as hierarquias em tag;
- criou o formulário para inserção dos dados do cartão;
- inseriu imagens no formulário;
- configurou os estilos dos botões;
- conheceu as bibliotecas "formik" e "yup";
- aplicou validações de lógica em formulários com as bibliotecas "formik" e "yup";
- aplicou validações condicionais;
- configurou mensagens de erro personalizadas para campos inválidos;
- implementou um menu responsivo em um projeto React;
- utilizou media queries para controlar a visibilidade e o estilo de elementos da interface em diferentes tamanhos de tela;
- gerenciou estados e eventos de cliques;
- aprendeu os conceitos fundamentais de integração de uma aplicação React com uma API externa;
- implementou requisições post;
- manipulou os dados recebidos como resposta da API após uma requisição bem-sucedida;
- exibiu diferentes componentes ou conteúdos com base nas condições definidas;
- extraiu e utilizou os dados recebidos como resposta de uma API após a conclusão de uma solicitação;
- fez melhorias na interface do usuário, como adicionar margens entre os elementos para uma melhor formatação e organização;
- renderizou elementos com base no estado da aplicação;
- realizou melhorias no código, incluindo a remoção de importações e variáveis não utilizadas;
- fez melhorias visuais e comportamentais para aprimorar a experiência do usuário;
- manipulou estilos e interatividade em elementos da página;
- compreendeu a importância da padronização na nomenclatura de elementos, variáveis e componentes em um projeto React;
- entendeu como refatorar o código para uma melhor organização;
- fez melhorias funcionais na aplicação, como a implementação de redirecionamento para a página do carrinho quando não houver itens no carrinho;
- compreendeu os problemas que podem surgir quando o carrinho não é validado corretamente;
- adicionou mensagens de erro e garantiu que a formatação dos elementos fosse adequada;
- usou uma função que verificou se o carrinho estava vazio e, se estivesse, redirecionou o usuário para outra página;
- conheceu o pacote react spinners;
- diferenciou yarn add do npm;
- compreendeu a importância de adicionar loaders em uma aplicação web;
- importou e usou bibliotecas de loaders em componentes React;
- personalizou a aparência e o comportamento dos loaders para se adequar ao design da aplicação;
- implementou loaders em diferentes partes da aplicação;
- compreendeu o uso de tipos em um projeto React;
- adicionou máscaras a campos de formulário;
- realizou ações condicionais em resposta a eventos do usuário.
