This extension allows to easily split long React components into sub-components.
1. Select the code you want to export to a new sub-component.
2. Choose Split to New Component from the Right-Click Menu / Command Palette.
3. Enter a name for the new sub-component.
-
The new component should is created inside the current component folder
-
The selected code represents a valid jsx of React component(s)
-
Imports and variables that become unused after splitting, will be deleted from the original component and re-imported in the new component
If you find a bug or malfunction, or have any other comments, please open a github issue (with specific code example).