{"id":17675358,"url":"https://github.com/numandev1/react-native-component-splitter","last_synced_at":"2025-09-21T00:03:22.308Z","repository":{"id":46546251,"uuid":"405024130","full_name":"numandev1/react-native-component-splitter","owner":"numandev1","description":"VS Code Extension allows splitting React Native Component into Sub-Component","archived":false,"fork":false,"pushed_at":"2022-10-02T19:49:07.000Z","size":50112,"stargazers_count":37,"open_issues_count":1,"forks_count":9,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-05-07T22:44:50.120Z","etag":null,"topics":["divide","react","react-native","react-native-component","react-native-component-divider","react-native-component-splitter","split","vscode","vscode-extension"],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=nomi9995.react-native-component-splitter","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/numandev1.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"github":"nomi9995","patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":"http://buymeacoffee.com/numan.dev"}},"created_at":"2021-09-10T09:20:40.000Z","updated_at":"2025-02-19T14:50:20.000Z","dependencies_parsed_at":"2022-09-11T08:11:50.343Z","dependency_job_id":null,"html_url":"https://github.com/numandev1/react-native-component-splitter","commit_stats":null,"previous_names":["nomi9995/react-native-component-splitter"],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/numandev1%2Freact-native-component-splitter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/numandev1%2Freact-native-component-splitter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/numandev1%2Freact-native-component-splitter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/numandev1%2Freact-native-component-splitter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/numandev1","download_url":"https://codeload.github.com/numandev1/react-native-component-splitter/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252967974,"owners_count":21833245,"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":["divide","react","react-native","react-native-component","react-native-component-divider","react-native-component-splitter","split","vscode","vscode-extension"],"created_at":"2024-10-24T07:10:51.189Z","updated_at":"2025-09-21T00:03:22.195Z","avatar_url":"https://github.com/numandev1.png","language":"TypeScript","funding_links":["https://github.com/sponsors/nomi9995","http://buymeacoffee.com/numan.dev","https://www.buymeacoffee.com/numan.dev"],"categories":[],"sub_categories":[],"readme":"### Would you like to support me?\n\n\u003cdiv align=\"center\"\u003e\n\u003ca href=\"https://github.com/numandev1?tab=followers\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/followers/numandev1?label=Follow%20%40numandev1\u0026style=social\" height=\"36\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://www.youtube.com/channel/UCYCUspfN7ZevgCj3W5GlFAw\"\u003e\u003cimg src=\"https://img.shields.io/youtube/channel/subscribers/UCYCUspfN7ZevgCj3W5GlFAw?style=social\" height=\"36\" /\u003e\u003ca/\u003e\n\u003c/br\u003e\n\u003ca href=\"https://www.buymeacoffee.com/numan.dev\" target=\"_blank\"\u003e\u003cimg src=\"https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png\" alt=\"Buy Me A Coffee\" style=\"height: auto !important;width: auto !important;\" \u003e\u003c/a\u003e\n\u003c/div\u003e\n\n---\n\n\u003c!-- Title --\u003e\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"/src/assets/icon.png\" alt=\"alt text\" width=\"150\"/\u003e\n\u003c/p\u003e\n\n\u003c!-- Header --\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cb\u003eCreate a React Native sub-component from Component.\u003c/b\u003e\n  \u003cbr /\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg height=\"450\" src=\"/src/assets/example.gif\"\u003e\n\u003c/p\u003e\n\n# React Native Component Splitter\n\nit is a **VS CODE** extension which allows us to split React Native components into sub-components\n\n# Usage\n\n**1**. Select the code you want to split to a new sub-component.\n\n**2**. Choose `Split Component` from the Right-Click Menu / Command Palette.\nor press `alt+option+cmd+k`\n\n**3**. Enter a name for the new sub-component.\n\n# Shortcut keys\n\n| Plateform | Key                  |\n| --------- | -------------------- |\n| MAC       | **alt+option+cmd+k** |\n| Window    | **ctrl+shift+k**     |\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --\u003e\n\u003c!-- prettier-ignore --\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/nomi9995\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/36044436?s=460\u0026u=c7471cd9ccec793c7a0fccc7db475a577ff7969d\u0026v=4\" width=\"100px;\" alt=\"Numan\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eNuman\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"#infra-Numan\" title=\"Infrastructure (Hosting, Build-Tools, etc)\"\u003e🚇\u003c/a\u003e \u003ca href=\"https://github.com/nomi9995/react-native-bottomsheet-reanimated/commits?author=nomi9995\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:END --\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnumandev1%2Freact-native-component-splitter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnumandev1%2Freact-native-component-splitter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnumandev1%2Freact-native-component-splitter/lists"}