{"id":23384497,"url":"https://github.com/jefelewis/react-native-infinite-scroll-demo","last_synced_at":"2025-04-11T02:34:02.254Z","repository":{"id":38938847,"uuid":"191829225","full_name":"jefelewis/react-native-infinite-scroll-demo","owner":"jefelewis","description":"Medium Article: https://medium.com/@jeffrey.allen.lewis/react-native-firebase-cloud-firestore-implementing-infinite-scroll-lazy-loading-with-flatlist-a9e942cf66c6","archived":false,"fork":false,"pushed_at":"2023-01-09T11:58:40.000Z","size":1992,"stargazers_count":16,"open_issues_count":18,"forks_count":9,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-24T23:51:35.158Z","etag":null,"topics":["firebase","firebase-firestore","infinite-scroll","react-native"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jefelewis.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-06-13T20:32:01.000Z","updated_at":"2024-01-14T10:51:32.000Z","dependencies_parsed_at":"2023-02-08T10:46:43.061Z","dependency_job_id":null,"html_url":"https://github.com/jefelewis/react-native-infinite-scroll-demo","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jefelewis%2Freact-native-infinite-scroll-demo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jefelewis%2Freact-native-infinite-scroll-demo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jefelewis%2Freact-native-infinite-scroll-demo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jefelewis%2Freact-native-infinite-scroll-demo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jefelewis","download_url":"https://codeload.github.com/jefelewis/react-native-infinite-scroll-demo/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248329921,"owners_count":21085618,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["firebase","firebase-firestore","infinite-scroll","react-native"],"created_at":"2024-12-21T23:27:34.947Z","updated_at":"2025-04-11T02:34:02.230Z","avatar_url":"https://github.com/jefelewis.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Native Infinite Scroll Demo\n*  [Built With](#built-with)\n*  [Pending Items](#pending-items)\n*  [Color Scheme](#color-scheme)\n*  [Screens](#screens)\n*  [Getting Started](#getting-started)\n\n## Built With\n* [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) - Programming Language\n* [React Native](https://facebook.github.io/react-native/) - Mobile (iOS/Android) Framework\n* [Expo](https://expo.io) - React Native Toolchain\n* [Firebase](https://firebase.google.com) - Database\n\n## Pending Items\n\n## Color Scheme\n* Blue: #007AFF\n* Grey: #7D7D7D\n* Light Grey: #E5E5E5\n\n## Screens\n\n\n## Getting Started\n**1. Connect Firebase:**\nIn 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.\n\n```\n// Firebase Config\nconst firebaseConfig = {\n  apiKey: 'YOUR_API_KEY_HERE',\n  authDomain: 'YOUR_AUTH_DOMAIN_HERE',\n  databaseURL: 'YOUR_DATABASE_URL_HERE',\n  projectId: 'YOUR_PROJECT_ID_HERE',\n  storageBucket: 'YOUR_STORAGE_BUCKET_HERE',\n  messagingSenderId: 'YOUR_MESSAGING_SENDER_ID_HERE',\n  appId: 'YOUR_APP_ID_HERE'\n}\n\n// Exports\nmodule.exports = firebaseConfig;\n```\n\n**2. Add .gitignore:**\n```\nnode_modules\nnode_modules/**/*\n.expo/*\nnpm-debug.*\n*.jks\n*.p12\n*.key\n*.mobileprovision\n*.orig.*\nweb-build/\nweb-report/\n\nconfig\nconfig/*\nconfig/config\nconfig/serviceAccount\n```\n\n**3. Enable Firebase Cloud Firestore:**\n1. Navigate to \"Database\" on the left sidebar\n\n2. Click on \"Create Database\"\n\n3. Select \"Start in test mode\"\n\n4. Click on \"Enable\"\n\n**4. Install Dependencies:**\n```\nnpm install\n```\n\n**5. Start iOS Simulator:**\n```\nexpo start\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjefelewis%2Freact-native-infinite-scroll-demo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjefelewis%2Freact-native-infinite-scroll-demo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjefelewis%2Freact-native-infinite-scroll-demo/lists"}