Comment utiliser les composants Flatlist et SectionList en React Native avec TypeScript ?
Dans cette vidéo nous allons explorer les listes ReactNative de fond en comble en faisant un début d'application de musique à l'aide des données chargées depuis l'API Spotify.

Vous apprendrez à :

• lister et à faire scroller des éléments horizontalement et verticalement à l'aide des Flatlist
• afficher les éléments sur plusieurs colonnes
• ajouter un emptyState, un header, un footer à votre liste
• pull to refetch pour raffraichir les données
• détecter quand l'utilisateur scroll jusqu'à un certain seuil pour charger plus de données
• combiner SectionList et Flatlist pour combiner scroll horizontal et vertical

Les liens utiles :

Le code source de démarrage (starter pack)
https://github.com/wass08/react-native-lists-tutorial-starter

Le code source final
https://github.com/wass08/react-native-lists-tutorial-final

La documentation des Flatlists
https://reactnative.dev/docs/flatlist

La documentation des Sectionlists
https://reactnative.dev/docs/sectionlist

reactnative #flatlist #sectionlist #TypeScript