Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Infinite Scroll in React Native - Pagination with FlatList

notJust․dev via YouTube

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

Reviews

Start your review of Infinite Scroll in React Native - Pagination with FlatList

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.