{"id":23452294,"url":"https://github.com/maxam2017/infinite-list-with-suspense","last_synced_at":"2025-09-04T16:50:31.348Z","repository":{"id":239432529,"uuid":"799517621","full_name":"maxam2017/infinite-list-with-suspense","owner":"maxam2017","description":"This is a simple example of how to create an infinite list with React Suspense.","archived":false,"fork":false,"pushed_at":"2024-05-12T13:24:56.000Z","size":225,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-10T19:46:44.149Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://infinite-list-with-suspense.pages.dev","language":"TypeScript","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/maxam2017.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-05-12T11:46:53.000Z","updated_at":"2024-05-12T13:24:57.000Z","dependencies_parsed_at":"2024-05-12T12:44:12.044Z","dependency_job_id":"1b7189ca-9273-4769-a1bf-955bb6d7c083","html_url":"https://github.com/maxam2017/infinite-list-with-suspense","commit_stats":null,"previous_names":["maxam2017/infinite-list-with-suspense"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/maxam2017/infinite-list-with-suspense","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maxam2017%2Finfinite-list-with-suspense","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maxam2017%2Finfinite-list-with-suspense/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maxam2017%2Finfinite-list-with-suspense/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maxam2017%2Finfinite-list-with-suspense/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/maxam2017","download_url":"https://codeload.github.com/maxam2017/infinite-list-with-suspense/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maxam2017%2Finfinite-list-with-suspense/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":273641575,"owners_count":25142246,"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","status":"online","status_checked_at":"2025-09-04T02:00:08.968Z","response_time":61,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":[],"created_at":"2024-12-24T01:14:49.755Z","updated_at":"2025-09-04T16:50:31.323Z","avatar_url":"https://github.com/maxam2017.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# infinite-list-with-suspense\n\nThis is a simple example of how to create an infinite list with React Suspense.\nI'm not sure if this is the best way to do it, but it works.\nIf you have any suggestions, please let me know.\n\n## Explanation\n\nBefore React introduced \"the Suspense for Data Fetching\", implementing infinite lists involved triggering data fetching as the user scrolled to the bottom of the list. Upon fetching data, it was appended to the list, and the state was updated accordingly.\n\nHowever, with Suspense, we can bind the data fetching to the component and let React handle the data fetching for us.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmaxam2017%2Finfinite-list-with-suspense","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmaxam2017%2Finfinite-list-with-suspense","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmaxam2017%2Finfinite-list-with-suspense/lists"}