React Master Class - Aprenda Codificando Componentes

Aprenda React passo a passo, desde o básico até o avançado, construindo componentes de UI de forma simples e intuitiva + inclui hooks

Trate esta oferta como um Investimento Único para todas as atualizações futuras. Este curso irá levá-lo de um iniciante em React para um nível intermediário (avançado ou especialista, com prática). Abordaremos alguns fundamentos no início, mas passaremos para aplicações e coisas interessantes. Neste curso, também iremos codificar um componente DataTable reutilizável do zero, implementar arrastar e soltar sem usar nenhuma biblioteca de terceiros, criar formulários dinâmicos baseados em JSON e muito mais. Você aprenderá muitos aspectos fundamentais do design de componentes React e também aprenderá como aplicar essa abordagem para construir qualquer componente de UI que desejar. Depois de concluir com sucesso o curso, você terá aprendido como construir um componente React bastante avançado que contém os seguintes recursos: - Fundamentos do React - Componente em profundidade - Hooks - Compreensão do Virtual DOM e diffing - API de Contexto - Aprenda a construir um componente de formulário dinâmico usando JSON - Personalização de componentes usando props - Aprenda a adicionar a funcionalidade de arrastar e soltar sem usar uma biblioteca de terceiros - Vincular dados a um layout de tabela - Pesquisar em qualquer coluna - Paginação, com visualização de paginação personalizada - Arrastar e reordenar colunas da tabela - Edição no local - Renderizador de células personalizado - Anexar o formulário dinâmico ao DataTable - Padrões Comuns do React - Gerenciamento de Estado - Renderização do Lado do Servidor (SSR) e mais Agenda geral planejada para o curso:

Seção 1 - Fundamentos do React

- Introdução - Fundamentos do React - JSX em profundidade - Design baseado em componentes - Fragmento - Componente Funcional - Componente com Estado - Manipulação de Eventos - Condicional - Gerenciamento de Estado - Ciclo de Vida - Tratamento de Erros

Seção 2 - React Avançado

- Verificação de tipo com PropTypes - Refs e o DOM - Componentes Não Controlados - Componentes de Ordem Superior (HOC) - Render Props - Otimização de Desempenho - API de Contexto - Portais - Integração com outros JavaScript

Seção 3 - Construindo um aplicativo CRUD simples com React

Seção 4 - Novos Recursos do React

Seção 5 - Demonstração da API de Contexto

Seção 6 - Construindo um Componente Modal simples

Seção 7 - Construindo um Componente de Marcação

Seção 8 - Construindo um Componente de Calendário

Seção 9 - Construindo um Componente DataTable

Seção 10 - Tutorial de Arrastar e Soltar com React

Seção Bônus: (Dez 2018) - Renderização do Lado do Servidor Minimizaremos o uso de bibliotecas/frameworks de terceiros e só as incluiremos quando absolutamente necessário. Este curso fará parte do Currículo de Código Aberto de Engenharia Full Stack e a publicação na Udemy apoiará o desenvolvimento disso. NOTA: A maioria dos componentes desenvolvidos neste treinamento é mantida simples para que até mesmo um iniciante possa entender. Para que funcione em cenários de produção, isso deve ser testado e adaptado conforme necessário. Continuarei atualizando o conteúdo com melhores práticas assim que o curso principal for concluído. Aproveite a programação!! (Todos podem programar!) O que você aprenderá: - Entender como o setState funciona - Compreender padrões de design comuns para construir componentes reutilizáveis - Melhores práticas e aprendizados do campo - Compreender componentes funcionais e componentes com estado - Entender como o React funciona internamente e codificar uma versão básica de uma biblioteca semelhante ao React - Construir componentes reutilizáveis do React de média a alta complexidade - Construir sua própria biblioteca de gerenciamento de estado - Compreender a Renderização do Lado do Servidor