Este repositório contém materiais e recursos para o módulo de aula em ReactJS. O módulo foi desenvolvido com o objetivo de fornecer aos alunos uma compreensão abrangente do ReactJS, desde os conceitos básicos até tópicos avançados. O módulo inclui uma série de aulas práticas, exercícios, e exemplos para aprofundar o conhecimento em React.
Com mais de 7 anos de experiência em desenvolvimento full-stack, sou um profissional apaixonado por criar soluções de software robustas e inovadoras. Meu foco é impulsionar o desenvolvimento de aplicações web de alta qualidade, abrangendo todo o ciclo de vida do software, desde a concepção até a implantação em produção.
Nome: Victor Menezes Barreto
LinkedIn: Victor Barreto
E-mail: victormenezes35@gmailcom
Neste módulo, os alunos irão:
- Entender o que é a biblioteca React, sua utilização na construção de aplicações dinâmicas e motivações para utilizá-la.
- Saber o que são e como utilizar componentes.
- Possuir a capacidade de estruturar a arquitetura de uma aplicação React moderna.
- Diferenciar componentes funcionais e componentes de classe.
- Aprofundar no entendimento de componentes de classe.
- Utilizar a estrutura fornecida pelo JSX.
- Praticar a interação entre componentes.
- Integrar componentes para concluir uma aplicação funcional.
- Criar componentes dinâmicos.
- Reconhecer as responsabilidades de cada componente.
- Utilizar elementos conhecidos de HTML no contexto do React.
- Entender e manter o estado da aplicação e de seus componentes.
Os tópicos abordados neste módulo incluem:
- Componentes e componentização.
- Componentização de interface estática.
- Interpolações e fundamentos de JSX.
- Eventos.
- Props.
- Passagem de props em componentes funcionais.
- Class components.
- Vantagens e diferenças de class components.
- Passagem de props em class components.
- PropTypes.
- Principais PropTypes.
- DefaultProps.
- State.
- Constructor.
- Bind de funções.
- Utilização de state.
- State lifting.
- Renderização condicional.
- Formas de realizar renderização condicional.
- Renderização de listas.
- Formas de realizar renderização de listas.
- Conceito de rotas.
- React routing.
- Criação de rotas simples.
- Criação de rotas aninhadas.
- Criação de rotas com parâmetros.
- Problema de props drilling.
- Composição de componente.
- Correção de props drilling com componentes compostos.
- Componente composto do início.
- Forms.
- Dinamizando formulários.
- Validações simples de campos.
- Métodos de ciclo de vida.
- Utilização de métodos de ciclo de vida.
- Aprofundamento nos métodos de ciclo de vida principais.
O módulo de aula em ReactJS utiliza a seguinte metodologia:
- Realização de exemplos em sala em conjunto com os alunos.
- Debates e enquetes para estimular a discussão e o pensamento crítico.
- Exercícios práticos e desafiadores para aplicar o conhecimento adquirido.
- Pesquisa individual e guiada na documentação para promover a independência na resolução de problemas.
Esperamos que este módulo de aula seja uma experiência educacional valiosa para todos os alunos, proporcionando um sólido entendimento do ReactJS e preparando-os para desenvolver aplicações web modernas e dinâmicas.
Se você tiver alguma dúvida ou precisar de assistência durante o módulo, não hesite em entrar em contato com o professor, ou abrir uma issue.
Aviso Legal: Este material é destinado apenas para fins educacionais. Todos os direitos autorais e marcas comerciais mencionados pertencem a seus respectivos proprietários.