{"id":13400274,"url":"https://github.com/gregberge/loadable-components","last_synced_at":"2025-05-13T23:09:07.889Z","repository":{"id":37431018,"uuid":"95196818","full_name":"gregberge/loadable-components","owner":"gregberge","description":"The recommended Code Splitting library for React ✂️✨","archived":false,"fork":false,"pushed_at":"2024-04-20T07:11:41.000Z","size":8441,"stargazers_count":7787,"open_issues_count":47,"forks_count":388,"subscribers_count":49,"default_branch":"main","last_synced_at":"2025-05-10T13:16:34.488Z","etag":null,"topics":["code-splitting","dynamic-import","react","react-async-component","react-loadable","react-router","server-side-rendering","ssr","webpack"],"latest_commit_sha":null,"homepage":"https://loadable-components.com","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/gregberge.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":".github/SUPPORT.md","governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"gregberge","open_collective":"loadable"}},"created_at":"2017-06-23T07:51:02.000Z","updated_at":"2025-05-08T02:08:10.000Z","dependencies_parsed_at":"2024-11-05T23:24:29.825Z","dependency_job_id":"0dbd2722-29be-441a-8b4f-4683cf958af1","html_url":"https://github.com/gregberge/loadable-components","commit_stats":{"total_commits":461,"total_committers":112,"mean_commits":4.116071428571429,"dds":0.683297180043384,"last_synced_commit":"86e72af539ca53139915c09258a1bda3db4b90e3"},"previous_names":["smooth-code/loadable-components"],"tags_count":72,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gregberge%2Floadable-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gregberge%2Floadable-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gregberge%2Floadable-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gregberge%2Floadable-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gregberge","download_url":"https://codeload.github.com/gregberge/loadable-components/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253464010,"owners_count":21912904,"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":["code-splitting","dynamic-import","react","react-async-component","react-loadable","react-router","server-side-rendering","ssr","webpack"],"created_at":"2024-07-30T19:00:50.171Z","updated_at":"2025-05-13T23:09:07.779Z","avatar_url":"https://github.com/gregberge.png","language":"JavaScript","readme":"\u003ch1 align=\"center\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/gregberge/loadable-components/master/resources/loadable-components.png\" alt=\"loadable-components\" title=\"loadable-components\" width=\"300\"\u003e\n\u003c/h1\u003e\n\u003cp align=\"center\" style=\"font-size: 1.2rem;\"\u003eReact code splitting made easy. Reduce your bundle size without stress ✂️✨.\u003c/p\u003e\n\n[![License](https://img.shields.io/npm/l/@loadable/component.svg)](https://github.com/gregberge/loadable-components/blob/master/LICENSE)\n[![npm package](https://img.shields.io/npm/v/@loadable/component/latest.svg)](https://www.npmjs.com/package/@loadable/component)\n[![npm downloads](https://img.shields.io/npm/dm/@loadable/component.svg)](https://www.npmjs.com/package/@loadable/component)\n[![Build Status](https://img.shields.io/travis/gregberge/loadable-components.svg)](https://travis-ci.org/gregberge/loadable-components)\n![Code style](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)\n[![Dependencies](https://img.shields.io/david/gregberge/loadable-components.svg?path=packages%2Fcomponent)](https://david-dm.org/gregberge/loadable-components?path=packages/component)\n[![DevDependencies](https://img.shields.io/david/dev/gregberge/loadable-components.svg)](https://david-dm.org/gregberge/loadable-components?type=dev)\n[![Small size](https://img.badgesize.io/https://unpkg.com/@loadable/component/dist/loadable.min.js?compression=gzip)](https://unpkg.com/@loadable/component/dist/loadable.min.js)\n\n```bash\nnpm install @loadable/component\n```\n\n## [Docs](https://loadable-components.com)\n\n**See the documentation at [loadable-components.com](https://loadable-components.com)** for more information about using Loadable Components!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://loadable-components.com/docs/getting-started/)\n- [Comparison with React.lazy](https://loadable-components.com/docs/loadable-vs-react-lazy/)\n- [Server Side Rendering](https://loadable-components.com/docs/server-side-rendering/)\n\n## Example\n\n```js\nimport loadable from '@loadable/component'\n\nconst OtherComponent = loadable(() =\u003e import('./OtherComponent'))\n\nfunction MyComponent() {\n  return (\n    \u003cdiv\u003e\n      \u003cOtherComponent /\u003e\n    \u003c/div\u003e\n  )\n}\n```\n\n## Supporting Loadable Components\n\nLoadable Components is an MIT-licensed open source project. It's an independent project with ongoing development made possible thanks to the support of these awesome [backers](/BACKERS.md). If you'd like to join them, please consider:\n\n- [Sponsor me on GitHub ❤️](https://github.com/sponsors/gregberge).\n\n## License\n\nLicensed under the MIT License, Copyright © 2017-present Greg Bergé.\n\nSee [LICENSE](./LICENSE) for more information.\n","funding_links":["https://github.com/sponsors/gregberge","https://opencollective.com/loadable"],"categories":["Developer Tools","Uncategorized","[React](https://github.com/facebook/react/)","JavaScript","Please find below the links to awesome cheat-sheet and resources:","目录"],"sub_categories":["Uncategorized","React/React-Native:"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgregberge%2Floadable-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgregberge%2Floadable-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgregberge%2Floadable-components/lists"}