{"id":30324009,"url":"https://github.com/aysnine/rc-dynamic","last_synced_at":"2025-08-17T22:30:25.351Z","repository":{"id":140871487,"uuid":"324301631","full_name":"Aysnine/rc-dynamic","owner":"Aysnine","description":"React DnD component tree","archived":false,"fork":false,"pushed_at":"2024-11-01T03:00:26.000Z","size":3319,"stargazers_count":14,"open_issues_count":0,"forks_count":3,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-08-16T01:44:53.351Z","etag":null,"topics":["esbuild","react17","typescript4"],"latest_commit_sha":null,"homepage":"https://rc-dynamic.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/Aysnine.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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":"2020-12-25T06:23:09.000Z","updated_at":"2024-11-01T03:00:36.000Z","dependencies_parsed_at":null,"dependency_job_id":"956e5a3a-2564-4e5c-b328-1d592196d73b","html_url":"https://github.com/Aysnine/rc-dynamic","commit_stats":null,"previous_names":[],"tags_count":11,"template":false,"template_full_name":null,"purl":"pkg:github/Aysnine/rc-dynamic","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aysnine%2Frc-dynamic","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aysnine%2Frc-dynamic/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aysnine%2Frc-dynamic/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aysnine%2Frc-dynamic/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Aysnine","download_url":"https://codeload.github.com/Aysnine/rc-dynamic/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aysnine%2Frc-dynamic/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270918198,"owners_count":24667664,"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-08-17T02:00:09.016Z","response_time":129,"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":["esbuild","react17","typescript4"],"created_at":"2025-08-17T22:30:15.965Z","updated_at":"2025-08-17T22:30:25.337Z","avatar_url":"https://github.com/Aysnine.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# rc-dynamic\n\nReact component Drag and Drop and Config Driven UI demo.\n\nPreview here 👉 https://rc-dynamic.pages.dev\n\n## Main integrations\n\n- [esbuild](https://esbuild.github.io/)\n- [React v17](https://reactjs.org/blog/2020/10/20/react-v17.html)\n- [TypeScript 4.1+](https://devblogs.microsoft.com/typescript/announcing-typescript-4-1/#jsx-factories)\n\n## Getting Started\n\n``` bash\n# install dependencies\nyarn install\n\n# development mode\nyarn serve\n\n# build production\nyarn build\n\n# check code styles\nyarn lint:script\n\n# check types\nyarn type\n```\n\n## Components\n\n- [Container](./src/components/basic/Container/index.tsx)\n- [Text](./src/components/basic/Text/index.tsx)\n- [LineChart](./src/components/basic/LineChart/index.tsx)\n- [GaugeChart](./src/components/basic/GaugeChart/index.tsx)\n- [SunburstChart](./src/components/basic/SunburstChart/index.tsx)\n\n## DnD \u0026 Sortable library\n\n- 😅 [atlassian/react-beautiful-dnd](https://github.com/atlassian/react-beautiful-dnd)\n  - [#1001](https://github.com/atlassian/react-beautiful-dnd/issues/1001 )\n- ⌛️ [SortableJS/react-sortablejs](https://github.com/SortableJS/react-sortablejs)\n- 🤔 [clauderic/dnd-kit](https://github.com/clauderic/dnd-kit)\n- 🤔 [clauderic/react-sortable-hoc](https://github.com/clauderic/react-sortable-hoc)\n- 🤔 [frontend-collective/react-sortable-tree](https://github.com/frontend-collective/react-sortable-tree)\n\n## Refer\n\n- 🌟 https://codesandbox.io/s/react-sortable-js-nested-tu8nn\n- 🌟 https://codesandbox.io/s/hook-compose-component-hrglp?file=/src/App.tsx\n- https://www.storyblok.com/tp/react-dynamic-component-from-json\n- https://github.com/zaydek/esbuild-hot-reload\n- https://techmusings.dev/\n- https://github.com/chriskitson/react-drag-drop-layout-builder\n- https://medium.com/javascript-in-plain-english/build-a-drag-and-drop-dnd-layout-builder-with-react-and-immutablejs-78a0797259a6\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faysnine%2Frc-dynamic","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faysnine%2Frc-dynamic","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faysnine%2Frc-dynamic/lists"}