📱Curso base de React Native - React Native Completo: +78 Aulas do Zero à DOIS apps prontos - Curso base de React Native 2025: #12 - Renderizando listas com ScrollView

Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA Nessa aula do curso Base de React Native, nós vamos mergulhar em um dos recursos mais importantes para qualquer aplicação: o uso de listas. Seja para exibir itens, cards, botões ou até avaliações com estrelas, as listas estão em praticamente todos os aplicativos. Aqui você vai aprender, de forma prática, como criar listas no React Native, entendendo a diferença entre uma lista estática e uma lista dinâmica, que realmente faz sentido dentro de um app. Você vai descobrir como utilizar o map do JavaScript para transformar arrays em componentes renderizados, como configurar corretamente o scroll para exibir grandes quantidades de itens e, principalmente, como evitar erros comuns que podem comprometer a performance da sua aplicação. Durante a aula, vamos ver na prática como o React Native trata listas, quais os problemas aparecem quando não configuramos corretamente e como resolver essas situações, incluindo o uso de propriedades como a key para cada item renderizado. Além disso, você vai entender em quais momentos usar diferentes tipos de listas, como a ScrollView e a FlatList, e por que essa decisão faz toda diferença na performance do seu app. Essa é uma aula essencial para você que deseja criar interfaces mais completas, funcionais e otimizadas em React Native. Se você quer dominar de vez a exibição de dados dentro do seu aplicativo, não pode deixar de assistir essa aula. Links mencionados no vídeo: 🗨️ Discord - https://discord.gg/ZC7JrPZn7P 🎬 CodarSe - https://codarse.com 🖥️ Protótipo no Figma: https://www.figma.com/community/file/1542265508040591315 📖 Repositório: https://github.com/lvsouza/youtube-react-native-humor-tracker/tree/0ae9e69afa91f9f9cc9047e0e0b8006178f2981e Outros cursos no canal: 🎩 Figma para DEVs - https://youtu.be/4rSPV1NbM10 ☪️ Curso de estilização no React - https://youtu.be/oUbPkR799fc 💎 Curso base de React - https://youtu.be/ggtWTKbhN_U 👑 React, Material UI 5 e Typescript - https://youtu.be/wLH1Vv86I44 🏆 Curso de API Rest, Node e Typescript - https://youtu.be/SVepTuBK4V0 Livros recomendados: 📘 Código limpo - https://amzn.to/43Xiick 📘 Arquitetura limpa - https://amzn.to/3ZMCStr 📘 Migrando sistemas monolíticos - https://amzn.to/45ByPDZ 📘 The Micro SaaS Handbook - https://amzn.to/4jCan93 Meu setup: 📺 Monitor 24: https://amzn.to/4msD7TY 🤖 Processador: https://amzn.to/4oJLZpN 🎧 Fone bluetooth: https://amzn.to/4lESd7r ⌨️ Teclado e mouse: https://amzn.to/4oPdgHu 💪 Suporte articulado: https://amzn.to/41hIrRE Conteúdo: 0:00 | Introdução da aula 0:57 | Avisos importantes 1:20 | Criando uma lista estática 2:00 | Criando uma lista com map do javascript 4:00 | O grande problema das listas 6:00 | Qual lista utilizar para listas muito grande 6:20 | Problema com o KEY como resolver 8:30 | Finalização e agradecimentos CODARSE - Trabalhando com listas #ReactNative #CursoReactNative #ReactNativeDoZero #CriarApp #DesenvolvimentoMobile #ReactNativeGratis #AppEmMinutos #JavaScript #ReactNativeTutorial #Expo #ProgramacaoMobile #ReactNativeBrasil #PrimeiroApp #MobileDeveloper #ReactNativeBeginner