Curso on-line de reação. Desenvolvimento de aplicações clientes complexas - curso gratuito da HTML Academy, treinamento de 9 semanas, data 15 de outubro de 2023.

Seção 1 Introdução ao TypeScript
Consideremos o esquema de trabalho do curso. Vamos descobrir o que é TypeScript e quais problemas ele resolve. Vamos conhecer o sistema de tipos e entender como ocorre o processo de digitação. Vamos aprender como configurar o compilador e ver as configurações básicas. Em seguida, vamos praticar e entender os recursos de escrita de código digitado: tuplas, interfaces, genéricos e assim por diante.

Assuntos organizacionais.

Revisão de projetos.
Esquema de trabalho do curso.

Introdução ao TypeScript.

O que é TypeScript e quais problemas ele resolve?
Digite sistema.
Como o código TypeScript se transforma em JavaScript.
Infraestrutura: configurações do compilador.
Anotações e inferência automática de tipos.

Pratique usando TypeScript.

Digitação de objetos, arrays, funções.
Genéricos.
Tuplas.
Interfaces, digite aliases.

Seção 2 Reagir
Introdução à biblioteca React. Vamos descobrir quais problemas ele resolve e como pode simplificar o desenvolvimento front-end. Vamos preparar a base do projeto utilizando a ferramenta Create React App (CRA). Vamos aprender como usar modelos para CRA. A seguir conheceremos os principais recursos da biblioteca React (JSX, componentes, transferência de dados entre componentes).

Reagir.

O que é reagir.
Como funciona o React?
Que problemas ele resolve de forma eficaz?
DOM virtual.

A infraestrutura.

Crie o aplicativo React.
Datilografado.

JSX

Como é diferente do HTML?
Métodos básicos de trabalho.

Abordagem de componentes.

Componentes de reação.
Adereços. Passando dados por propriedades.
Composição.

Componentes de renderização.

Renderizando listas.
Renderização condicional.

Seção 3 Roteamento (roteador React)
Vamos descobrir como o roteamento é organizado no SPA. Vamos adicionar o React Router ao projeto e examinar os recursos do pacote: rotas, redirecionamentos, rotas privadas e assim por diante.

Roteamento em SPA.
API de histórico.
Componentes de rota, link e redirecionamento.
Gerenciamento de rotas.

Seção 4 Componentes do React. Ganchos
Vamos expandir nosso conhecimento sobre React e componentes. Vamos aprender como gerenciar o estado, usar eventos e métodos de ciclo de vida dos componentes. Vamos nos familiarizar com React Hooks e aprender como substituir componentes de classe por eles. Vamos aprender como trabalhar com formulários.

Estado.
Fluxo de dados unidirecional.
Componentes funcionais, componentes de classe, PureComponent.
Introdução aos ganchos React.

Métodos de ciclo de vida.

Reagir e formar.

Seção 5 Reação e Padrões
Vejamos a questão do que é arquitetura de software e como projetá-la. Vamos nos familiarizar e aprender como aplicar padrões de design na prática.

Projeto.

Qual é a diferença entre um programa bom e um programa ruim?
Por que projetar software. Objetivos de design.
Arquitetura de software.
Ferramentas de projeto.

Padrões de design.

Que problemas os padrões resolvem?
Em que consiste o padrão?
Tipos de padrões de design.

Padrões em reação.

Componentes sem estado.
Componentes proxy.
Componentes de ordem superior.
Renderizar adereços.
Fornecedor.
React Ganchos e padrões.

Seção 6 Gestão do Estado. Restaurado
Vamos conhecer a arquitetura Flux: Actions, Dispatchers, Views e Stores. Nos conectamos ao projeto Redux e atualizamos a base de código.

Arquitetura de fluxo.
Armazenamento, despachante, ações.

Restaurado.

Middlewares.

Estendendo a funcionalidade Redux.

Seção 7 Assincronia no Redux
Vamos aprender como implementar código assíncrono na operação síncrona do Redux usando Middleware. Vamos aprender como interagir com o servidor usando o pacote Axios. Vamos nos familiarizar com os interceptadores.

Redux-thunk.

Axios.

Seção 8 Otimização de Desempenho
Vamos discutir o desempenho dos aplicativos React: quais recursos existem e no que você deve prestar atenção ao projetar componentes. Em seguida, daremos uma olhada no Redux Toolkit e aprenderemos como usá-lo para nos livrar do código clichê ao trabalhar com o Redux.

Perfil de componente.
Gerenciamento de atualização de componentes.
Memoização.
Kit de ferramentas Redux.

Seção 9 Teste de reação
Vamos nos familiarizar com as ferramentas e técnicas para testar aplicativos React. Configuraremos a infraestrutura de teste e escreveremos testes para os componentes.

Brincadeira.
Biblioteca de testes React.

Primeira semana de defesa
Conclusão dos trabalhos do projeto e preparação para a defesa final.

Segunda semana de defesa
A primeira avaliação do projeto pelo mentor revisor de acordo com critérios de qualidade.

Terceira semana de defesa
Aprimorar o projeto com base nos comentários do mentor revisor e submetê-lo para uma segunda avaliação.

Seção 10 Final
Vamos resumir o curso e determinar o futuro vetor de estudo do React e seu ecossistema. Em seguida, discutiremos os novos recursos do React esperados em versões futuras.

Quarta semana de defesa
Fazendo edições finais e recebendo uma nota final.