https://github.com/jefelewis/react-native-infinite-scroll-demo

Medium Article: https://medium.com/@jeffrey.allen.lewis/react-native-firebase-cloud-firestore-implementing-infinite-scroll-lazy-loading-with-flatlist-a9e942cf66c6
https://github.com/jefelewis/react-native-infinite-scroll-demo

firebase firebase-firestore infinite-scroll react-native

Last synced: 7 days ago
JSON representation

Medium Article: https://medium.com/@jeffrey.allen.lewis/react-native-firebase-cloud-firestore-implementing-infinite-scroll-lazy-loading-with-flatlist-a9e942cf66c6

• Host: GitHub
• URL: https://github.com/jefelewis/react-native-infinite-scroll-demo
• Owner: jefelewis
• Created: 2019-06-13T20:32:01.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-09T11:58:40.000Z (almost 2 years ago)
• Last Synced: 2023-03-07T18:39:22.124Z (almost 2 years ago)
• Topics: firebase, firebase-firestore, infinite-scroll, react-native
• Language: JavaScript
• Homepage:
• Size: 1.9 MB
• Stars: 14
• Watchers: 1
• Forks: 8
• Open Issues: 18
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React Native Infinite Scroll Demo

*  [Built With](#built-with)

*  [Pending Items](#pending-items)

*  [Color Scheme](#color-scheme)

*  [Screens](#screens)

*  [Getting Started](#getting-started)

## Built With

* [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) - Programming Language

* [React Native](https://facebook.github.io/react-native/) - Mobile (iOS/Android) Framework

* [Expo](https://expo.io) - React Native Toolchain

* [Firebase](https://firebase.google.com) - Database

## Pending Items

## Color Scheme

* Blue: #007AFF

* Grey: #7D7D7D

* Light Grey: #E5E5E5

## Screens

## Getting Started

**1. Connect Firebase:**

In the root of your project, create a file called config.js. I've set up the .gitignore of this project to ignore the config.js file. **DO NOT COMMIT API KEYS TO GITHUB**. Copy and paste the **firebaseConfig** below into config.js to connect to Firebase.

```

// Firebase Config

const firebaseConfig = {

  apiKey: 'YOUR_API_KEY_HERE',

  authDomain: 'YOUR_AUTH_DOMAIN_HERE',

  databaseURL: 'YOUR_DATABASE_URL_HERE',

  projectId: 'YOUR_PROJECT_ID_HERE',

  storageBucket: 'YOUR_STORAGE_BUCKET_HERE',

  messagingSenderId: 'YOUR_MESSAGING_SENDER_ID_HERE',

  appId: 'YOUR_APP_ID_HERE'

}

// Exports

module.exports = firebaseConfig;

```

**2. Add .gitignore:**

```

node_modules

node_modules/**/*

.expo/*

npm-debug.*

*.jks

*.p12

*.key

*.mobileprovision

*.orig.*

web-build/

web-report/

config

config/*

config/config

config/serviceAccount

```

**3. Enable Firebase Cloud Firestore:**

1. Navigate to "Database" on the left sidebar

2. Click on "Create Database"

3. Select "Start in test mode"

4. Click on "Enable"

**4. Install Dependencies:**

```

npm install

```

**5. Start iOS Simulator:**

```

expo start

```