Aprenda ReactJS - Crie Interfaces Mais Fáceis do que Nunca!

Visão Geral do Curso

Descubra a conveniência de construir interfaces com ReactJS através de exemplos práticos!

Detalhes do Curso

Construir interfaces de usuário pode ser demorado e tedioso. No entanto, com o ReactJS, você pode mudar completamente sua abordagem e transformar seu fluxo de trabalho. Muitas ferramentas e frameworks visam simplificar a construção de interfaces, mas na prática, ainda pode ser uma tarefa laboriosa com muitos erros. A menos que você domine o ReactJS. Com este curso, criar interfaces será mais fácil e conveniente do que nunca!

O ReactJS não é apenas mais uma biblioteca que visa facilitar o seu trabalho. É uma mudança completa na abordagem de criação de interfaces e interações do usuário. Imagine poder definir a aparência da interface uma vez e, em seguida, simplesmente passar novos dados sem se preocupar com a renderização. O conteúdo e a estrutura são atualizados automaticamente na página... Parece um sonho, não é? Com o React, não só é possível, mas também mais simples do que parece!

O que Você Vai Aprender

• Entender como trabalhar com o DOM e ReactDOM
• Explorar os elementos essenciais do EcmaScript6
• Criar uma interface de usuário dinâmica e independente de dados
• Construir componentes React configuráveis
• Aprender sobre ferramentas importantes e melhores práticas
• Descobrir Aplicações de Página Única com React Router
• Implementar a arquitetura Flux
• Explorar dados imutáveis, Redux e depuração com time-travel

IMPORTANTE: Este curso foi projetado para ser concluído usando o ReactJS versão 15.3. Atualmente, não planejamos lançar uma nova versão do curso, pois o conhecimento fornecido no material ainda é relevante. Dominar o ReactJS versão 15.3 permitirá que você construa sites corretamente e convenientemente com base nessa tecnologia.

Renderização com React DOM

O segredo por trás da funcionalidade do React reside em seu mecanismo inteligente de manipulação do DOM, que é explicado na primeira seção. Você aprenderá:

• O funcionamento exato da mágica do React
• Por que a abordagem do React é muito mais rápida do que os métodos tradicionais, contrariando a intuição
• Atualizar seu conhecimento sobre como trabalhar com navegadores e o objeto document usando JavaScript
• Ver claramente as diferenças entre a abordagem padrão de renderização de HTML nos navegadores e a nova abordagem declarativa e mais rápida oferecida pelo React

Templates JSX e JavaScript ES6

Na segunda parte do curso, vamos focar na produtividade. Você aprenderá:

• Como converter rapidamente código HTML em código JSX para o React
• Como usar templates dinâmicos para renderizar código HTML complexo
• Como usar diretamente variáveis e funções JavaScript no HTML
• Sobre o Babel, o transpilador que usaremos nas seções subsequentes do curso

Componentes, Formulários e Interfaces Interativas

Nas lições seguintes, você aprenderá:

• Como construir interfaces de usuário de forma declarativa com componentes
• Como reutilizar componentes para economizar tempo
• Como parametrizar e compor componentes para alcançar facilmente funcionalidades avançadas
• Que o React pode criar rapidamente funcionalidades avançadas, como Arrastar e Soltar para adicionar itens a um carrinho, navegação dinâmica, formulários interativos e elementos personalizados como
• Como reutilizar essas funcionalidades de várias maneiras em suas aplicações

Ferramentas, Melhores Práticas, Aplicações de Página Única

Essas seções do curso concluem a parte visual do trabalho com o React e começam a discutir ferramentas e bibliotecas que funcionam perfeitamente com o React. Passo a passo, você aprenderá:

• Como transformar um site React simples em uma Aplicação de Página Única completa
• Como estruturar dados e passá-los facilmente para componentes para uma estrutura de aplicação clara e flexível
• Como converter aplicações de arquivos para módulos ES6
• Como construir aplicações dinamicamente a cada mudança
• Como configurar um servidor de desenvolvimento super rápido
• Como configurar a recarga de módulo hot module reloading, permitindo que as alterações no seu código sejam imediatamente visíveis na aplicação sem atualizar a página do navegador

Arquitetura de Dados Flux e Biblioteca Redux

Nos capítulos finais, você aprenderá:

• Como a abordagem funcional da arquitetura Flux e do fluxo unidirecional de dados pode resultar em um código de aplicação estável e claro
• Como criar conceitos de alto nível e evitar erros comuns em seus projetos
• Como construir sua própria implementação simples do Flux, refatorando gradualmente o código da sua aplicação para aprender as vantagens e desvantagens de diferentes soluções
• Como configurar ferramentas avançadas, como o time-travel debugger, que permite a manipulação do estado da aplicação usando a biblioteca Redux

Para Quem é Este Curso?

Este curso é projetado para pessoas que já têm experiência com tecnologias Front-End como HTML, CSS e JavaScript. Mesmo com apenas conhecimento básico dessas três tecnologias, você pode explorar as vastas possibilidades oferecidas pelo React no seu próprio ritmo. Para pessoas mais experientes, como aquelas que trabalham com frameworks JavaScript, este curso apresentará uma abordagem completamente diferente para o desenvolvimento de aplicativos do que o modelo amplamente conhecido Model-View-Controller. O React, quando usado de forma eficaz, não apenas aumenta a velocidade e o desempenho das aplicações, mas também melhora significativamente o conforto e a confiança dos desenvolvedores na estabilidade de seu código. Mesmo que você não planeje migrar para o React, ainda é valioso aprender seus princípios, pois esse conhecimento pode ser aplicado a outras soluções e abre muitas novas possibilidades.