Busca DevMedia
Você está buscando por "redux" em vídeo aula
- Funções assíncronas no Redux com o thunk - Minha primeira aplicação React com Redux - Vídeo 8 Vídeo
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.
- Conectando o Redux com o React - Minha primeira aplicação React com Redux - Vídeo 6 Vídeo
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.
- Redux na prática - O que é Redux - Vídeo 2 Vídeo
Agora veremos como o Redux funciona na prática a partir do exemplo oficial da biblioteca e entenderemos os principais métodos da biblioteca.
- Introdução - O que é Redux - Vídeo 1 Vídeo
Nesta primeira parte do curso vamos ter um bate papo para entender como funciona o Redux, o motivo que impulsionou seu desenvolvimento e quem foi seu desenvolvedor. Veja qual problema ele resolve.
- Separando o connect do componente - Minha primeira aplicação React com Redux - Vídeo 7 Vídeo
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.
- Trabalhando com um sistema de rotas - Minha primeira aplicação React com Redux - Vídeo 11 Vídeo
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.
- Criação do CardPacote - Minha primeira aplicação React com Redux - Vídeo 9 Vídeo
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.
- Estilizando os componentes - Minha primeira aplicação React com Redux - Vídeo 12 Vídeo
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.
- Customizando a view de detalhes do pacote - Minha primeira aplicação React com Redux - Vídeo 10 Vídeo
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.
- Criando o primeiro componente - Minha primeira aplicação React com Redux - Vídeo 5 Vídeo
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.
- Organizando a Store - Minha primeira aplicação React com Redux - Vídeo 4 Vídeo
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.
- Criando a Store - Minha primeira aplicação React com Redux - Vídeo 3 Vídeo
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.
- Preparando o ambiente - Minha primeira aplicação React com Redux - Vídeo 2 Vídeo
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.
- Introdução - Minha primeira aplicação React com Redux - Vídeo 1 Vídeo
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.
