A VS Code extension for generating new React component files with the following structure:
StartingComponent
/components
index.tsx
index.tsx
styles.ts
types.ts
NewComponent.stories.tsx (optional)
Features
Right click in the file editor or on a file in the explorer and click Generate React component to scaffold out a new React component with all the files you need.
Right click in the file editor or on a file in the explorer and click Generate Storybook stories file to add a stories file to an existing component.
Settings
Language - Specifies if components should be generated in TypeScript or JavaScript.
Styles Language - Specifies what language will be used for styles.
Create Stories File - Specifies if a stories file should be generated with the component.
Verbose Stories Comments - Specifies if a stories file should be generated with comments.
Use Index File - Specifies if the components folder should have an index file to export all of its components. Does not add or update the index file at app/components/index
Development
Clone the repository with git clone https://github.com/andrewmcgov/react-component-generator.git
Install dependencies by running yarn in the project folder
With extension source open in VS Code, press F5 to open a new VS Code window with the extension running. F5 runs the code in .vscode/launch.json.