{"id":16236509,"url":"https://github.com/anuraghazra/react-folder-tree","last_synced_at":"2025-03-19T15:31:01.804Z","repository":{"id":37817964,"uuid":"255350195","full_name":"anuraghazra/react-folder-tree","owner":"anuraghazra","description":"React Folder Tree Component","archived":false,"fork":false,"pushed_at":"2023-12-19T16:40:11.000Z","size":40,"stargazers_count":53,"open_issues_count":4,"forks_count":20,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-17T08:45:08.801Z","etag":null,"topics":["react","react-component"],"latest_commit_sha":null,"homepage":"https://codesandbox.io/s/github/anuraghazra/react-folder-tree","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/anuraghazra.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":"2020-04-13T14:26:27.000Z","updated_at":"2025-01-31T02:12:46.000Z","dependencies_parsed_at":"2024-10-27T20:58:06.673Z","dependency_job_id":"3e1873c9-99bd-4cbd-93b5-b761b23bedf0","html_url":"https://github.com/anuraghazra/react-folder-tree","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/anuraghazra%2Freact-folder-tree","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anuraghazra%2Freact-folder-tree/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anuraghazra%2Freact-folder-tree/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anuraghazra%2Freact-folder-tree/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/anuraghazra","download_url":"https://codeload.github.com/anuraghazra/react-folder-tree/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244453804,"owners_count":20455281,"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":["react","react-component"],"created_at":"2024-10-10T13:31:30.521Z","updated_at":"2025-03-19T15:30:57.525Z","avatar_url":"https://github.com/anuraghazra.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Folder Tree Component\r\n\r\nSimple yet flexible folder tree component with Imperative and Declarative API with build-in folder editing capabilities.\r\n\r\n[Live Demo](https://ck6c8.csb.app/)\r\n\r\n## Imperative API\r\n\r\nImperative API can be editable. :D\r\n\r\n```jsx\r\n\u003cTree\r\n  data={[\r\n    {\r\n      type: \"folder\",\r\n      name: \"client\",\r\n      files: [\r\n        {\r\n          type: \"folder\",\r\n          name: \"Components\",\r\n          files: [\r\n            { type: \"file\", name: \"Button.jsx\" },\r\n            { type: \"file\", name: \"Button.style.js\" }\r\n          ]\r\n        },\r\n        { type: \"file\", name: \"setup.js\" }\r\n      ]\r\n    },\r\n    { type: \"file\", name: \"index.html\" },\r\n    { type: \"file\", name: \"style.css\" }\r\n  ]}\r\n/\u003e\r\n```\r\n\r\n## Declarative API\r\n\r\n```jsx\r\n\u003cTree\u003e\r\n  \u003cTree.Folder name=\"client\"\u003e\r\n    \u003cTree.Folder name=\"Components\"\u003e\r\n      \u003cTree.File name=\"Button.jsx\" /\u003e\r\n      \u003cTree.File name=\"Button.style.js\" /\u003e\r\n    \u003c/Tree.Folder\u003e\r\n    \u003cTree.File name=\"setup.js\" /\u003e\r\n  \u003c/Tree.Folder\u003e\r\n  \u003cTree.File name=\"index.html\" /\u003e\r\n  \u003cTree.File name=\"style.css\" /\u003e\r\n\u003c/Tree\u003e\r\n```\r\n\r\nMade with \u003c3 and React;\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanuraghazra%2Freact-folder-tree","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fanuraghazra%2Freact-folder-tree","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanuraghazra%2Freact-folder-tree/lists"}