React, Redux e integração de APIs

Aprenda a criar sistemas simples com React e Redux.

What you'll learn:

• Conceitos básicos do React
• Redux
• Integração com fetch API

Nesse curso você vai aprender de forma simples e objetiva como trabalhar com o React, uma biblioteca feita pela equipe do Facebook que revolucionou a criação de sistemas com Javascript. Nesse curso você ainda terá a oportunidade de aprender o Redux que juntamente com o React você será capaz de criar sites bem simples de forma prática e bem legal.

Introdução

• Quem é o professor?

• Pré requisitos

• O que é o React

• O que preciso instalar

Rodar o React com um arquivo index.html

• Criar um arquivo simples em HTML

• Utilizar o CDN do React e do Babel

• Rodar no navegador o index.html utilizando o React

Criar o projeto utilizando o NodeJS

• Criar um projeto utilizando o NodeJS

• Create React

• Criar um novo componente

Componentes e propriedades

• Criar um componente User

• Propriedades do componente

State e Events

• Manipulando o state

• Evento de onClick

• Exibir variável de estado

Forms e Events

• Criar um simples formulário

• Evento de onChange

Listas e chaves

• Criar uma variável de array

• Criar uma lista no meu component

Rotas com react-router-dom

• Organizar os componentes

• Baixar o react-router-dom

• SPA

Introdução ao Redux

• Introdução ao Redux

• Treine bastante o seu aprendizado em React

Instalação Redux e Redux Form

• Instalação das libs necessárias

• Pequeno exemplo de Formulário

• Configuração de Reducers

Criar Action no Formulário

• Mudanças no formulário

• Criar a nossa primeira Action

• Conectar a action com o Redux

  
  

• Cadastro utilizando API

  • Fetch API

  • Subir uma API com o jar

  • Cadastrar o meu usuário na API