React, Redux e integração de APIs
4.3 (178 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
7,565 students enrolled

React, Redux e integração de APIs

Aprenda a criar sistemas simples com React e Redux.
New
4.3 (178 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
7,565 students enrolled
Created by Nataniel Paiva
Last updated 3/2019
Portuguese
Portuguese [Auto-generated]
Price: Free
This course includes
  • 1.5 hours on-demand video
  • 5 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What you'll learn
  • Conceitos básicos do React
  • Redux

  • Integração com fetch API

Course content
Expand 13 lectures 01:32:43
+ Introdução
13 lectures 01:32:43
Apresentação
02:15
  • Quem é o professor?

  • Pré requisitos

  • O que é o React

  • O que preciso instalar

Introdução
03:24
  • Criar um arquivo simples em HTML

  • Utilizar o CDN do React e do Babel

  • Rodar no navegador o index.html utilizando o React

Rodar o React com um arquivo index.html
05:30
  • Criar um projeto utilizando o NodeJS

  • Create React

  • Criar um novo componente

Criar o projeto utilizando o NodeJS
07:12
  • Criar um componente User

  • Propriedades do componente

Componentes e propriedades
05:09
  • Manipulando o state

  • Evento de onClick

  • Exibir variável de estado

State e Events
06:11
  • Criar um simples formulário

  • Evento de onChange

Forms e Events
06:06
  • Criar uma variável de array

  • Criar uma lista no meu component

Listas e chaves
05:47
  • Organizar os componentes

  • Baixar o react-router-dom

  • SPA

Rotas com react-router-dom
13:03
  • Introdução ao Redux

  • Treine bastante o seu aprendizado em React

  • Baixe os códigos em https://gitlab.com/curso-react-redux/react-route

Introdução ao Redux
02:44


  • Instalação das libs necessárias

  • Pequeno exemplo de Formulário

  • Configuração de Reducers

Instalação Redux e Redux
18:17
  • Mudanças no formulário

  • Criar a nossa primeira Action

  • Conectar a action com o Redux

Criar Action no Formulário
06:12
  • Fetch API

  • Subir uma API com o jar(O arquivo está nos recursos da aula)

  • Cadastrar o meu usuário na API

Cadastro via API
10:53
Requirements
  • Noções de Javascript
Description

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.

Lembrando que o curso está em desenvolvimento, porém faltam poucas aulas para a sua finalização que irá acontecer até o dia 10 de Abril.

O você já poderá aprender?

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





Who this course is for:
  • Devs que queiram se atualizar