Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Create React ComponentNew to Visual Studio Code? Get it now.
Create React Component

Create React Component

yeet-bix

|
3,984 installs
| (2) | 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 Component

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.functionType Specifies whether to use a normal function or function expression for the component

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

File Types:
- component
- test 
- index

Options:
- ['component'] (default)
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft