Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/numandev1/react-native-component-splitter

VS Code Extension allows splitting React Native Component into Sub-Component
https://github.com/numandev1/react-native-component-splitter

divide react react-native react-native-component react-native-component-divider react-native-component-splitter split vscode vscode-extension

Last synced: 17 days ago
JSON representation

VS Code Extension allows splitting React Native Component into Sub-Component

Host: GitHub
URL: https://github.com/numandev1/react-native-component-splitter
Owner: numandev1
Created: 2021-09-10T09:20:40.000Z (about 3 years ago)
Default Branch: master
Last Pushed: 2022-10-02T19:49:07.000Z (about 2 years ago)
Last Synced: 2024-10-24T21:38:32.030Z (25 days ago)
Topics: divide, react, react-native, react-native-component, react-native-component-divider, react-native-component-splitter, split, vscode, vscode-extension
Language: TypeScript
Homepage: https://marketplace.visualstudio.com/items?itemName=nomi9995.react-native-component-splitter
Size: 47.8 MB
Stars: 36
Watchers: 7
Forks: 9
Open Issues: 1
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml

### Would you like to support me?

---

Create a React Native sub-component from Component.

# React Native Component Splitter

it is a **VS CODE** extension which allows us to split React Native components into sub-components

# Usage

**1**. Select the code you want to split to a new sub-component.

**2**. Choose `Split Component` from the Right-Click Menu / Command Palette.
or press `alt+option+cmd+k`

**3**. Enter a name for the new sub-component.

# Shortcut keys

| Plateform | Key |
| --------- | -------------------- |
| MAC | **alt+option+cmd+k** |
| Window | **ctrl+shift+k** |

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):