Série da semana: Projeto completo: API REST + React + Mobile

Veja mais

curso Minha primeira aplicação React com Redux

Neste curso, vamos construir um webapp para uma agência de viagens utilizando o React, e o Redux como gerenciador de seus estados. Entenderemos as principais vantagens dessa abordagem que permite a construção de aplicações escaláveis e fáceis de manter. Esse curso faz parte do projeto Gotour.

Precisa saber mais sobre esse tema antes de iniciar o curso?
Consulte os Guias abaixo:

Assine e tenha acesso completo Carga Horária No Certificado - 12H

Curso de Redux com React

Aula 1 - mvp

Introdução

Nesta primeira aula, conheceremos um pouco o projeto que será construído durante o decorrer do curso, além das ferramentas que precisaremos utilizar durante o desenvolvimento do nosso webapp de informações de pacotes turísticos.
mvp
Aula 2 - mvp

Preparando o ambiente

Antes de começar o desenvolvimento do nosso projeto precisaremos instalar o react-create-app, a ferramenta de linha de código criada pelo Facebook para a construção de projetos usando React.
mvp
Aula 3 - mvp

Criando a Store

Antes de começar o desenvolvimento do nosso projeto precisaremos instalar o react-create-app, a ferramenta de linha de código criada pelo Facebook para a construção de projetos usando React.
mvp
Aula 4 - mvp

Organizando a Store

Depois de finalizar a modelagem da nossa store no arquivo index.js, podemos mover nossas actions, reducers e a própria store para uma pasta separada. Isso permite uma manutenção mais simples do projeto.
mvp
Aula 5 - mvp

Criando o primeiro componente

Podemos começar a construção do primeiro componente da nossa aplicação e, a partir dele, entender como funcionam as PropTypes, que auxiliam nossos componentes com um sistema de tipagem para as props.
mvp
Aula 6 - mvp

Conectando o Redux com o React

Neste vídeo, entenderemos como é feita a conexão do React com o Redux utilizando a dependência react-redux. Esta é responsável por fazer a conexão entre essas duas bibliotecas e criar um estado inicial para o nosso reducer de pacotes.
mvp
Aula 7 - mvp

Separando o connect do componente

Após conectar nosso componente ao Redux vamos mover o connect do React para o arquivo index.js desse componente, permitindo maior legibilidade do código do projeto. Em seguida construiremos o arquivo que reunirá as funções assíncronas.
mvp
Aula 8 - mvp

Funções assíncronas no Redux com o thunk

Agora que finalizamos o api.js vamos até as actions para que elas listem os pacotes vindos na requisições. Para isso, instalaremos o middleware do Redux redux-thunk, que permite o uso de funções assíncronas em nossa store de forma fácil.
mvp
Aula 9 - mvp

Criação do CardPacote

Nesta aula, criaremos o componente CardPacote, responsável por receber e exibir corretamente os dados de um pacote de viagem. Então, criaremos a view de detalhes de um pacote específico.
mvp
Aula 10 - mvp

Customizando a view de detalhes do pacote

Agora podemos construir a action que recupera os detalhes de um pacote para então fazer sua filtragem através do mapStateToProps. Dessa forma, o nosso componente só receberá os detalhes específicos que o mesma precisa exibir.
mvp
Aula 11 - mvp

Trabalhando com um sistema de rotas

Depois de construir as telas que compõem nossa aplicação, vamos instalar e configurar o react-router-dom, uma biblioteca do React responsável pelo sistema de rotas, possibilitando a troca de telas dinamicamente.
mvp
Aula 12 - mvp

Estilizando os componentes

Neste vídeo, conheceremos os recursos do React para a customização de componentes através de folhas de estilo CSS, tornando o visual da aplicação mais agradável para o usuário final. Para isso, vamos criar uma barra de navegação personalizada.
mvp
Conteúdo Extra - mvp

Projeto e Código

Nesta documentação, vamos construir um webapp para uma agência de viagens utilizando o React, e o Redux como gerenciador de seus estados.
mvp

Autor do curso

Certificado Devmedia

Todos os nossos cursos oferecem certificado com carga horária. Eles são aceitos em todas as faculdades e orgãos públicos do Brasil. Assim que finalizar um curso já emita o seu.

Suporte ao aluno em tempo real

Todos os cursos possuem professores online para ajudar em qualquer dúvida que for necessária para o completo entendimento do curso.

Avaliação do curso

Acesse todos os nossos cursos sendo um assinante mvp

Benefícios MVP
  • Guias de Carreira
  • Suporte em tempo real
  • Assista o conteúdo offline
  • Emissão de certificado
  • #JOBS - Diversas vagas de emprego
  • Web-currículo
SEJA MVP
R$ 69,90 /mês *Tempo mínimo de assinatura: 12 meses.
Assine agora e tenha acesso ao curso
15 anos de treinamento online
700 mil cadastros
200 mil fãs no facebook
100 mil certificados emitidos