Back to Browse

FlatList no React Native da forma CORRETA (Tutorial)

16.7K views
Feb 8, 2022
11:09

Aprenda a usar um dos componentes mais famosos do React Native, a FlatList. Tudo isso usando o poder do TypeScript para deixar a sua aplicação mais segura e legível. Nesse tutorial você aprenderá: - Propriedades básicas da FlatList. - Dicas de performance. - Usar o TypeScript para enriquecer sua aplicação. - Propriedades de componente para enriquecer a UI. ✅ CITAÇÕES NO VÍDEO: ▸ Código completo https://github.com/coffstack/tutorial-react-native-flatlist ▸Documentação FlatList https://reactnative.dev/docs/flatlist ▸Otimizando FlatList https://reactnative.dev/docs/optimizing-flatlist-configuration ✅ VOCÊ TAMBÉM VAI GOSTAR DESSES VÍDEOS: ▸5 PASSOS ATÉ SEU PRIMEIRO EMPREGO COMO PROGRAMADOR https://youtu.be/h0kw4WSGalw ▸ ESTAGIÁRIO SÊNIOR??? Reagindo a VAGAS de Estágio na PROGRAMAÇÃO https://youtu.be/qm_5bm7c3VY ▸ R$20.000,00 POR MÊS COMO PROGRAMADOR FREELANCER https://youtu.be/XnBoOpSH5VU ✅ REDES SOCIAIS: Instagram: @coffstack https://www.instagram.com/coffstack/ TikTok: @coffstack https://www.tiktok.com/@coffstack Twitter: @coffstack https://twitter.com/coffstack Blog/Artigos https://blog.coffstack.com/ Instagram: @lucasgar6 https://www.instagram.com/lucasgar6/ 00:00 - Por que usar FlatList 00:47 - Lista com map (Array) 02:28 - FlatList x map (Array) 03:36 - FlatList - Propriedades básicas 05:19 - Adicionando Header e Separator 07:58 - Dica de performance 09:05 - Usando TypeScript no renderItem 10:45 - Conclusão #ReactNative #FlatList #TypeScript #tutorial #ReactJS

Download

1 formats

Video Formats

360pmp425.8 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

FlatList no React Native da forma CORRETA (Tutorial) | NatokHD