Desenvolvimento em React - curso gratuito da ThinkNetica, treinamento de 9 semanas, data 28 de novembro de 2023.

instagram viewer

1. Apresentando Reagir

Uma visão geral abrangente do React e seu ecossistema. Vamos conhecer os conceitos básicos, princípios fundamentais, configuração do ambiente, conceito de componente e seus tipos, JSX.

2. Maneiras de criar um aplicativo React

Vamos aprender como criar aplicações de diferentes formas e ferramentas (do zero, usando Webpack e Babel. JS / Criar aplicativo React / Próximo. JS/Gatsby), com e sem renderização no lado do servidor.

3. Estilos em um aplicativo React

Vamos aprender como definir estilos para um aplicativo React e gerenciá-los usando ferramentas modernas (PostCSS, styled-components, styled-jsx).

4. Propriedades e estado dos componentes

Vamos explorar o conceito de propriedades em componentes. Vamos aprender como transferi-los e realizar a verificação de tipo. Vamos entender o conceito e os recursos de uso do estado de um componente (estado).

5. Componentes com e sem estado

Vamos apresentar o conceito de componente sem estado e aprender as vantagens de usar essa abordagem.

6. Ciclo de vida do componente

Vamos estudar os elementos do ciclo de vida dos componentes e aprender como utilizá-los na prática.

7. Ganchos integrados e personalizados (React Hooks)

Vamos coletar práticas para usar uma nova ferramenta na biblioteca React para melhorar a legibilidade e a reutilização no código.

8. Testando com Jest e React Testing Library

À medida que desenvolvemos o aplicativo, escreveremos testes para nossos componentes usando Jest e a React Testing Library.

9. Interação com API

Desenvolveremos uma aplicação que irá interagir com APIs externas, receber e enviar dados através da API e exibi-los no front end.

10. Roteamento na aplicação (React Router), portais (React Portals)

Vamos aprender como combinar a url e renderizar a página desejada sem recarregar, como deveria funcionar em um aplicativo de página única. Analisaremos casos complexos, como processamento de parâmetros de entrada, redirecionamentos, páginas de erro, acessos autorizados e janelas modais através de portais

11. Manipulação de eventos

Vamos apresentar o conceito de eventos sintéticos na biblioteca React. Vamos aprender como processá-los, implementar arrastar e soltar e aprender como trabalhar com a área de transferência.

12. Contexto e autenticação

Vamos dar uma olhada mais de perto no novo mecanismo de contexto na biblioteca React. Vamos aprender como usá-lo de maneira eficaz em um aplicativo. Vamos aprender como trabalhar com autenticação, localStorage e cookies.

13. Maneiras de criar formulários

Aprenderemos as nuances da criação de formulários simples e complexos para um aplicativo usando diferentes abordagens e ferramentas (sem ferramentas de terceiros, React Hook Form, Formik)

14. Montagem e implantação de produção

Workshop de organização da estrutura de arquivos do projeto, montagem do ambiente e preparação da montagem e implantação da aplicação com posterior suporte.

Opcional. Restaurado
Abordagens declarativas e middleware. Aplicação de Redux utilizando em um projeto.