Programa do Curso
Desenvolvimento de aplicações front-end modernas
- Visão geral e semelhanças entre React, Angular e Vue.js
- Renderização declarativa
- Componentes - definição de tags HTML personalizadas
- Uso do create-react-app para inicializar um projeto React
JavaScript moderno
- Desenvolvimento com Node.js e npm
- Versões do JavaScript
- Trabalhando com módulos
- Funções e funções de seta (arrow functions)
- Classes
- Programação funcional em JavaScript (map, filter, ...)
TypeScript
- Tipagem estática versus dinâmica
- Declarando tipos de variáveis, funções e classes
- Tipos de dados básicos
- Tuplas e objetos
- Interfaces
- Gênericos (generics)
Linguagem de template do React
- Linguagem de template baseada em JavaScript: JSX
- Definição de propriedades dos elementos
- Repetição de elementos
- Seções if/else
- Eventos
- Classes CSS e estilos
Gestão do estado no React
- Definição e alteração do estado da aplicação
- Uso do state hook e setState
- Captura do conteúdo de elementos de entrada no estado
Componentes: Blocos de construção das aplicações web modernas
- Definição de tags HTML personalizadas no React
- Estado, propriedades (props) e eventos
- Fluxo de dados entre componentes
- Componentes funcionais e componentes de classe
- Uso de hooks em componentes funcionais
- Ciclo de vida do componente (montagem, atualização, desmontagem)
- Inclusão de componentes predefinidos de uma biblioteca
Gestão do estado com Redux
- Fundamentos do Redux: gestão do estado com funções puras, reducers e dados imutáveis
- Uso do reducer hook no React
- Integração do Redux em uma aplicação React
- Componentes de apresentação e componentes contêiner
- O ecossistema Redux
- Tratamento de eventos assíncronos com Thunk
- Busca de dados de uma API REST
Ferramentas de desenvolvimento e testes
- Ferramentas do desenvolvedor para React
- Ferramentas do desenvolvedor para Redux
- Testando JavaScript com Jest
- Testando reducers
- Testando componentes React
React Router
- Roteamento no lado do cliente
- Exibição de diferentes visuais com base na rota atual do navegador
Desenvolvimento de aplicações com React
- Visão geral breve do React Native
- Criação de uma aplicação móvel e desktop instalável por meio de Progressive Web Apps (PWAs)
- Comparação entre PWAs e aplicações nativas
Requisitos
- Conhecimentos básicos de HTML
- Experiência com JavaScript
Testemunhos de Clientes (7)
Os detalhes, a maneira de explicar e a calma e confiança que o instrutor inspira.
Cosmin Ghergheles - Ness
Curso - React, Redux and TypeScript
Máquina Traduzida
Isso abordou os componentes básicos
Valentin
Curso - React, Redux and TypeScript
Máquina Traduzida
O entusiasmo de Lukasz.
Eloise Phelps - Dunelm
Curso - React, Redux and TypeScript
Máquina Traduzida
Como Luke fez um bom esforço para ajudar as pessoas individualmente quando elas estavam tendo problemas para executar o código. Luke foi extremamente amigável e se deu muito bem com os participantes do curso.
Jonathan Grout - Dunelm
Curso - React, Redux and TypeScript
Máquina Traduzida
A interação do instrutor com todos os participantes foi excelente, e todos receberam ajuda em algum momento durante o curso. Foi uma experiência ótima no geral, especialmente para pessoas que não estavam familiarizadas com o assunto.
Tayyab Ejaz Mushtaq - Dunelm
Curso - React, Redux and TypeScript
Máquina Traduzida
Gostei do fato de ter se sentido um ambiente seguro e não me sentir intimidado ao compartilhar minha tela e minhas dificuldades com o instrutor ou o grupo.
Wanda Hawkins-Kavanagh - Dunelm
Curso - React, Redux and TypeScript
Máquina Traduzida
Gostei do fato de o curso ter exercícios. Achei ótimo a forma como Lukasz tentou ajudar cada um de nós e o modo como ele lidou com a ansiedade de alguns dos outros participantes. Gostei que ele era conhecedor do assunto.
Samuel Irsai - Dunelm
Curso - React, Redux and TypeScript
Máquina Traduzida