Desenvolvimento Moderno de Front-End com React + Redux

Aprenda a criar aplicações práticas usando React, Redux, Redux-thunk e Ajax

Neste curso, você aprenderá como criar aplicações práticas usando React, Redux, Redux-thunk e Ajax. Através do desenvolvimento com React, você também obterá uma base sólida no desenvolvimento moderno de front-end, incluindo ES2015+ e processamento assíncrono.

A Mudança no Cenário do Desenvolvimento Web

O cenário do desenvolvimento web mudou significativamente na última década. O JavaScript, em particular, evoluiu de ser uma ferramenta para implementar animações simples para se tornar o centro do desenvolvimento de front-end, fornecendo interfaces de usuário interativas.

O React e outras bibliotecas/frameworks JavaScript, que serão abordados neste curso, se tornaram amplamente utilizados no desenvolvimento web.

Os Desafios do Desenvolvimento de Aplicações com React

O React em si é uma biblioteca/framework escrita em JavaScript, e o código escrito para o React não possui muitos elementos de sintaxe específicos do React. Se você entende JavaScript, você pode entender React. No entanto, o conhecimento de JavaScript necessário para o React não é necessariamente necessário para criar sites simples, o que torna difícil para os desenvolvedores web fazerem a transição do desenvolvimento de sites para o desenvolvimento de aplicações web usando o React.

Eu pessoalmente enfrentei esse desafio. Em páginas de destino e sites corporativos simples, o foco é principalmente no conhecimento de HTML e CSS, e o JavaScript é necessário apenas em um nível básico para implementar animações, alternâncias e slides usando jQuery. Esse nível de conhecimento de JavaScript não é suficiente para trabalhar com o React.

Este Curso para Facilitar o Aprendizado do React

Para preencher essa lacuna, o estudo autodidata é a única opção, mas senti que havia uma falta de materiais de aprendizado adequados em japonês. Em particular, a ausência de documentação oficial e tutoriais em japonês é uma barreira significativa. Felizmente, consegui ler a documentação em inglês e traduzi-la para o japonês enquanto progredia com meu aprendizado.

Este curso é uma transcompilação do conhecimento adquirido por meio desse aprendizado, e foi organizado para facilitar a escrita de código, envolvendo-se ativamente em exercícios práticos. O objetivo não é apenas listar conhecimentos, mas permitir que iniciantes escrevam código e adquiram conhecimento passo a passo.

Recursos Principais do Curso

• Explicação abrangente da sintaxe fundamental, incluindo importação, exportação, classe, map e funções de seta em ES2015+
• Capacidade de verificar a funcionalidade do código usando o CodeSandbox, um editor de código baseado em navegador
• Materiais de aprendizado em formato de texto para complementar as videoaulas, permitindo uma revisão fácil e comparação das alterações de código

Simplificando a Complexidade da Configuração do Ambiente de Desenvolvimento

Outro desafio no desenvolvimento com React é configurar o ambiente de desenvolvimento. Para desenvolver com React, geralmente é necessário conhecimento de Webpack, Babel, carregadores do Webpack, bem como conhecimento prévio de Node e npm.

Embora o uso de ambientes de desenvolvimento como Sass e Gulp para transpilação tenha se tornado prevalente no desenvolvimento web recente, muitos desenvolvedores podem não entender completamente os conceitos subjacentes e ter dificuldades com essas configurações.

Neste curso, simplificamos a complexidade da configuração do ambiente usando o CodeSandbox, onde todas as configurações de ambiente necessárias já estão prontas, reduzindo a curva de aprendizado para o React.

O Caminho para se Tornar um Engenheiro React

Primeiro, começaremos com o CodeSandbox para aprender a codificar com elementos que têm mudanças dinâmicas mínimas. Em seguida, desenvolveremos uma aplicação semelhante a uma lista de tarefas que muda dinamicamente o estado. Por fim, aprenderemos sobre ambientes de desenvolvimento como o Webpack e aprofundaremos em frameworks de gerenciamento de estado como o Redux. Além disso, abordaremos o processamento assíncrono, como a comunicação AJAX, que é frequentemente um aspecto desafiador do desenvolvimento com React. Este curso tem como objetivo orientá-lo suavemente por essas etapas e fornecer um roteiro para se tornar um engenheiro React.

É claro que esse conhecimento sozinho não é suficiente para se tornar um engenheiro profissional. Isso requer um conhecimento extenso, e estou constantemente trabalhando duro para absorver novas informações. No entanto, uma vez que você tenha um caminho claro para se tornar um engenheiro React, acredito que o sucesso virá!

O Que Você Aprenderá

• Criar aplicações de página única usando React e Redux
• Fazer a transição para o desenvolvimento moderno de front-end usando ES2015+ e outras tecnologias
• Aprender desenvolvimento com React sem a dificuldade de configurar o ambiente de desenvolvimento, graças ao CodeSandbox
• Cada aula é modularizada, permitindo um progresso constante no aprendizado