aabbdev / react-query-infinite-flatlist-example

Example of how to use React Query infinite queries with a React Native FlatList component.

Home Page:https://snack.expo.dev/@caleblovell/phone-contacts-editor

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React Query useInfiniteQuery() example with React Native's Flatlist

Tech Used

  1. Expo to easily get started with React Native
  2. TypeScript for type safety + demonstations of types
  3. React Query + custom React hook pattern for cleaner components

Get Started

  1. Git clone this project and run yarn install to install dependencies
  2. Download the Expo Go app if you haven't already
  3. Run yarn start and open Expo Go
  4. The project should show up there and you can click to open it!

Or...

If you want to see a pure JS version or test out the actual app, it's hosted here as a Snack! You can view it on their platform, or download the Expo Go app to open it easily on your phone (without doing the above steps...) Note: it only works on iOS / Android - It won't work on the web (no Contacts to access).

About

Example of how to use React Query infinite queries with a React Native FlatList component.

https://snack.expo.dev/@caleblovell/phone-contacts-editor


Languages

Language:TypeScript 95.2%Language:JavaScript 4.8%