Série da semana: Nota fiscal eletrônica na prática

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

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