{"id":18487348,"url":"https://github.com/st0ffern/react-native-optimized-flatlist","last_synced_at":"2025-04-09T20:12:15.347Z","repository":{"id":57158408,"uuid":"90180587","full_name":"st0ffern/react-native-optimized-flatlist","owner":"st0ffern","description":"Optimization for complex and slow React Native FlatLists","archived":false,"fork":false,"pushed_at":"2020-05-24T20:28:49.000Z","size":386,"stargazers_count":261,"open_issues_count":22,"forks_count":45,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-04-09T20:12:11.614Z","etag":null,"topics":["flatlist","react-native"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/st0ffern.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-05-03T18:25:56.000Z","updated_at":"2024-11-12T03:42:27.000Z","dependencies_parsed_at":"2022-09-15T23:41:56.329Z","dependency_job_id":null,"html_url":"https://github.com/st0ffern/react-native-optimized-flatlist","commit_stats":null,"previous_names":["stoffern/react-native-optimized-flatlist"],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/st0ffern%2Freact-native-optimized-flatlist","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/st0ffern%2Freact-native-optimized-flatlist/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/st0ffern%2Freact-native-optimized-flatlist/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/st0ffern%2Freact-native-optimized-flatlist/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/st0ffern","download_url":"https://codeload.github.com/st0ffern/react-native-optimized-flatlist/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248103872,"owners_count":21048245,"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":["flatlist","react-native"],"created_at":"2024-11-06T12:50:25.870Z","updated_at":"2025-04-09T20:12:15.324Z","avatar_url":"https://github.com/st0ffern.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# react-native-optimized-flatlist\n\n[![Greenkeeper badge](https://badges.greenkeeper.io/stoffern/react-native-optimized-flatlist.svg)](https://greenkeeper.io/)\n![](https://img.shields.io/npm/v/react-native-optimized-flatlist.svg)\n\n__Optimization for FlatLists. This is a fix over the FlatList that removed every item that is not inside the viewport. This will give a more stable and faster FlatList as performance dont drop! :)__\n\nPlease also read more about the issue here:\nhttps://github.com/facebook/react-native/issues/13413\n\n## Installation\n```\nnpm i -S react-native-optimized-flatlist\n```\nor\n```\nyarn add react-native-optimized-flatlist\n```\n\n\n## Usage\nJust replace `FlatList` with `OptimizedFlatList` .. thats all! :)\n\nReplace this:\n```js\nrender() {\n  return (\n  \u003cFlatList\n    data={[{name: 'fred', name: 'freddy'}]}\n    renderItem={ ({item}) =\u003e \u003cView\u003e{item.name}\u003c/View\u003e}\n    /\u003e\n...\n```\nWith this:\n```js\n...\nimport {OptimizedFlatList} from 'react-native-optimized-flatlist'\n\n...\nrender() {\n  return (\n  \u003cOptimizedFlatList\n    data={[{name: 'fred', name: 'freddy'}]}\n    renderItem={ ({item}) =\u003e \u003cView\u003e{item.name}\u003c/View\u003e}\n    /\u003e\n...\n\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fst0ffern%2Freact-native-optimized-flatlist","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fst0ffern%2Freact-native-optimized-flatlist","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fst0ffern%2Freact-native-optimized-flatlist/lists"}