Aula 01
Aprenda Redux com React Native - Tutorial do Zero (Curso Gratis Completo para Iniciante)
Summary
Resumo do Vídeo sobre Redux em React Native
Neste vídeo, o apresentador (NBK) introduz uma série sobre como utilizar Redux em um aplicativo React Native.
Principais Pontos
- Histórico do React: O React foi criado pelo Facebook juntamente com uma arquitetura de dados chamada Flux.
- Flux vs Redux: O Redux simplificou o Flux ao combinar várias stores em uma única store chamada
ApplicationState
. - Objetivo: O objetivo do tutorial é construir um aplicativo simples, uma lista de posts, utilizando Redux em conjunto com React Native.
- Funcionalidade do Aplicativo:
- A lista de posts exibirá títulos que, ao serem clicados, levarão o usuário a uma nova cena com o título e a descrição do post.
- Um botão permitirá voltar para a cena anterior.
- Fonte de Dados: O apresentador usará a API JSONPlaceholder (jsonplaceholder.typicode.com) para fornecer dados de posts falsos em formato JSON.
O foco principal do tutorial será entender como implementar e usar Redux dentro do contexto do React Native.
Video Transcript
Pala pessoal, NBK, tu tô falando.
Nesta série de vídeos, a gente vai aprender a usar o Redux na nossa aplicativa do React Native.
Então, quando o Facebook criou React há alguns anos atrás, eles criaram junto com a arquitetura de dados chamada Flux.
Então, a maneira que os dados fluem ou correm dentro dessa aplicativa React
é determinada pelo Flux originalmente, mas depois disso veio o Redux.
Em poucas palavras, o que o Redux fez foi pegar as várias stores,
chamadas stores do Flux, e combinar todas as stores em só uma store,
chamada ApplicationState.
Então, a gente vai dar uma olhada como fazer o Redux com o React Native,
e a gente vai começar do zero, vai olhar como é o Down Overview,
e ver como a gente vai usar, combinar o Redux com o React Native.
Então, vai ser um aplicativo muito simples, uma lista de posts que eu tenho aqui.
Eu vou ter essa lista de posts, e cada lista tem o título do post,
e quando você clicar no título do post, por exemplo, quando eu clicar em desse aqui, com ciência política,
vai para outra cena, e nessa outra cena a gente tem o mesmo título e alguma descrição do body do post.
E você pode clicar no botão para voltar para a cena anterior.
Vai ser muito simples, mas a razão disso é porque a gente vai focar no Redux
para aprender como é que a gente vai usar o Redux para fazer esse aplicativo.
Então, eu achei esse website aqui, chamado JSONPlaceholder.typecode.com,
que é um API para fornecer dados para o nosso aplicativo aqui, API de dados falsos, fake data.
E eu só vou usar esse post aqui, tá bom?
Então, JSONPlaceholder.typecode.com, e eu vou usar esse post aqui.
Então, ele já me deu os dados em formato JSON.
Então, você nota que cada post, cada dado tem um título, title, e tem também o body, esses negócios aqui.
Então, a gente só vai usar esses aqui.
Tá bom?
Nenhum comentário ainda (loading...)
Nenhum comentário ainda (loading...)
Gostou da aula? 😆👍
Apoie nosso trabalho com uma doação: