Aula 14
A Próxima Tela para Ver Mais Detalhes Sobre um Post – Aula de React Native e Redux
Summary
Resumo do Transcript
Antes de continuar, solicitou-se apoio para o canal do YouTube NBK Tutor e demais redes sociais associadas (Twitter e GitHub como NBK, HO, PE, NBK Hope).
Principais Pontos:
- O aplicativo está funcional tanto no iOS quanto no Android (emulador).
- Foi adicionado um estilo que melhora a visualização de cada item da lista.
- O projeto utiliza um componente container para a lista, com itens individuais como subcomponentes.
- O próximo passo é criar uma nova cena, que inclui um título e conteúdo.
- Haverá uma navegação entre as cenas a ser aprendida posteriormente.
- O foco imediato é desenvolver o componente de detalhes do item da lista.
- Sugere-se o nome "item detail" ou "post" para o novo componente, discutindo a escolha entre classe ou componente funcional do React.
Video Transcript
Antes de continuámos, eu gostaria de contar com seu apoio para continuar a fazer vídeos.
Por favor, subscreva o meu canal no YouTube,
NBK Tutor,
também de todas as redes sociais como
NBK, HO, PE, NBK Hope,
no Twitter, tanto como no Twitter,
como no GitHub, mesmo usuário,
NBK, HO, PE, NBK Hope.
Então, vamos continuar.
A gente tinha
uma aplicativa aqui,
está funcionando tanto como no iOS.
A gente já adicionou um estilo para ficar melhor de ver cada
item da lista, também funciona no Android aqui,
no emulador.
E se a gente voltar para o Wireframe,
a gente fez essa lista.
A gente tem uma list,
que é o componente container para toda a lista,
e tem cada item da lista como um outro componente.
Agora, vamos fazer essa outra aqui,
essa outra cena com esse componente aqui.
Então, vai ter o título
e vai ter o conteúdo, não é?
Então, vamos lá.
Depois que a gente fazer esse aqui,
a gente vai aprender como conectar essas duas cenas
para o meio de uma navegação, tá bom?
Então, vamos fazer o componente
detalhes do item da lista.
Eu vou chamar talvez
detalhes do item,
deixa eu criar um arquivo aqui dentro da parte de componentes.
Talvez eu só chame item detail
ou eu posso chamar post,
detalhes do post.
Tanto faz, você escolhe o nome e vamos lá,
post detail.
Então, vamos fazer o coisa que a gente sempre faz
para criar um novo componente do React.
Aquela questão,
vai ser classe ou vai ser funcional?
Nenhum comentário ainda (loading...)
Nenhum comentário ainda (loading...)
Gostou da aula? 😆👍
Apoie nosso trabalho com uma doação: