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 – definindo tags HTML personalizadas
- Uso do create-react-app para inicializar um projeto React
JavaScript moderno
- Desenvolvimento usando Node.js e npm
- Versiones do JavaScript
- Trabalhando com módulos
- Funções e arrow functions
- Classes
- Programação funcional em JavaScript (map, filter, ...)
TypeScript
- Tipagem estática vs. dinâmica
- Declaração de tipos de variáveis, funções e classes
- Tipos de dados básicos
- Tuplas e objetos
- Interfaces
- Genéricos
Linguagem de templates do React
- Linguagem de templates baseada em JavaScript: JSX
- Definindo propriedades de elementos
- Repetição de elementos
- Estruturas condicionais (if / else)
- Eventos
- Classes e estilos CSS
Gerenciamento de estado no React
- Definindo e alterando o estado da aplicação
- Utilização do state hook e setState
- Capturando o conteúdo de elementos de input no estado
Componentes: Blocos de construção das aplicações web modernas
- Definindo tags HTML personalizadas no React
- Estado, props & eventos
- Fluxo de dados entre componentes
- Componentes de função e componentes de classe
- Uso de hooks em componentes de função
- Eventos de ciclo de vida do componente (mount, update, unmount)
- Inclusão de componentes predefinidos de uma biblioteca
Gerenciamento de estado com Redux
- Fundamentos do Redux: gerenciamento de 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 de contêiner
- O ecossistema do Redux
- Processamento de eventos assíncronos com Thunk
- Busca de dados de uma API REST
Ferramentas de desenvolvedor e testes
- Ferramentas de desenvolvimento do React
- Ferramentas de desenvolvimento do Redux
- Testes de JavaScript com Jest
- Testando reducers
- Testando componentes React
React Router
- Roteamento no lado do cliente
- Exibição de diferentes vistas com base na rota atual do navegador
Desenvolvimento de aplicações com React
- Visão geral rápida do React Native
- Criação de aplicações móveis e de desktop instaláveis com Progressive Web Apps (PWAs)
- Comparação entre Progressive Web Apps e aplicativos nativos
Requisitos
- Conhecimentos básicos de HTML
- Experiência com JavaScript
Testemunhos de Clientes (7)
Foi muito bom, finalmente, ter compreendido de forma sólida alguns dos conceitos centrais do React, especialmente elementos como estado e hooks. Łukasz ofereceu explicações muito claras sobre esses tópicos e demonstrou abertura para experimentarmos com exemplos práticos, ajudando a esclarecer ainda melhor as nossas dúvidas.
Hayden Pike - Powerlink Queensland
Curso - React, Redux and TypeScript
Máquina Traduzida
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