Workshop de React, Redux e Material UI para Iniciantes

Vamos construir um aplicativo de Gerenciador de Tarefas usando React, Redux-Saga, Material UI e entender os conceitos.

Você é novo no React, Redux ou Material UI? Você acha desafiador configurar o redux-saga e entender seus conceitos? Você está lutando para entender os diferentes componentes envolvidos, como Webpack, JSX e Transpilação? Você se sente confuso sobre como testar efetivamente os componentes React usando o Jest? Não se preocupe, todos já estivemos lá. É por isso que criamos um workshop especificamente projetado para fornecer clareza para iniciantes absolutos que desejam começar em apenas um dia. Conhecimento básico de JavaScript é tudo o que você precisa para participar do workshop. Habilidades em React, Redux e Material UI estão em alta demanda em 2021 e podem melhorar muito seu currículo. No entanto, nem todos acham fácil compreender e começar a construir projetos com React, Redux e Material UI imediatamente. Como iniciante, você pode precisar de um pequeno impulso. Embora a documentação online seja útil, nossa experiência prática pode lhe dar esse impulso inicial. Acompanhe o código conosco e aprenda como inicializar seus projetos sem depender de geradores. Ao longo do workshop, abordaremos conceitos como React hooks, configuração do Redux, refs, componentes de material e persistência de estado. Também forneceremos o código-fonte para referência futura, permitindo que você o use como ponto de partida para seus próprios projetos e configure tudo rapidamente. Diga adeus à busca constante no StackOverflow por coisas que você pode facilmente lembrar. Isso economizará tempo e permitirá que você se concentre na lógica principal de seus projetos. Os testes unitários com o Jest são cruciais, especialmente quando se trata de testar o estado Redux de um componente React. A função reducer desempenha um papel significativo na determinação do comportamento do seu aplicativo, pois controla todo o estado. Durante os testes, a simulação de bibliotecas externas e exportações se torna essencial para garantir que você esteja verificando apenas as alterações de código. Para isso, utilizaremos a função jest mock fn() para ignorar partes indesejadas do código e garantir a estabilidade do nosso reducer Redux, protegendo-o de possíveis danos causados por futuras alterações de código. Esperamos que você ache este workshop valioso e agradável. Atenciosamente, John Smith

O que você aprenderá

- Criar um aplicativo de Gerenciador de Tarefas do zero usando React - Configurar o Redux-Saga em seu aplicativo - Utilizar componentes do Material UI para construir seu aplicativo - Implementar persistência de estado para a store do Redux - Adicionar, completar e excluir tarefas - Configurar testes unitários com JEST do zero - Escrever testes unitários JEST para o reducer - Verificar a cobertura de testes no JEST