Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Create React Component with test and StoriesNew to Visual Studio Code? Get it now.
Create React Component with test and Stories

Create React Component with test and Stories

mochisann

|
683 installs
| (0) | Free
⚛️⚡Generate React Component Boilerplate
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

⚛️
create react comporent with storybook and test file

A simple but powerful vscode extension that removes the hassle of writing annoying boilerplate everytime you want to create component.

Features

Right Click Generate

  • Adds the Create React Component command when right clicking any folder. Generates a component based on the current settings.


Settings

Name Description
createReactComponent.language Specifies what language to generate the component

Options:
- typescript (default)
- javascript
createReactComponent.testLibrary Specifies what testing library to import

Options:
- react-testing-library (default)
- enzyme
createReactComponent.testingLibrary.cleanup Specifies whether or not to generate cleanup when using react-testing-library

Options:
- true
- false (default)
createReactComponent.fileExtension Specifies the extension type of files: withX would create MyComponent.tsx or MyComponent.jsx. withoutX would create MyComponent.ts or MyComponent.js files

Options:
- withX (default)
- withoutX
createReactComponent.module Specifies whether or not to create a module

Options:
- true (default)
- false
createReactComponent.openFiles Specifies what files to open after generating the component

File Types:
- component
- test 
- index

Options:
- ['component'] (default)

This extension is a forked version of https://github.com/yeet-bix/create-react-component-vscode

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft