Infinite Scroll in React Native - Pagination with FlatList
Offered By: notJust․dev via YouTube
Course Description
Overview
Master the implementation of infinite scroll pagination using FlatList in React Native with this comprehensive tutorial. Learn to enhance user experience by efficiently handling large data sets, integrating pagination with Rest API, and optimizing performance for smooth scrolling. Explore key topics including setting up FlatList components, implementing basic pagination, adding infinite scroll functionality, and applying performance optimization techniques. Discover best practices for creating dynamic, high-performing paginated lists that keep users engaged. Gain hands-on experience with pull-to-refresh functionality, onViewableItemsChanges, viewabilityConfig, and multicolumn FlatList layouts. Perfect for developers looking to create seamless, responsive, and efficient infinite scroll experiences in their React Native applications.
Syllabus
Intro - Tutorial Overview
IBM StepZen
Get started with FlatList
Fetch data from a Rest API
Basic "Load more" pagination
Infinite Scroll Pagination
Pull to refresh FlatList
Performance optimisation of large lists
onViewableItemsChanges & viewabilityConfig
Multicolumn FlatList Layout
Q&A
Taught by
notJust․dev
Related Courses
Intro to the Design of Everyday ThingsUdacity Android. Programación de Aplicaciones
Miríadax Programming Mobile Applications for Android Handheld Systems: Part 1
University of Maryland, College Park via Coursera Mobile and Ubiquitous Computing
Georgia Institute of Technology via Coursera Android: Introducción a la Programación
Universitat Politècnica de València via edX