Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>React Component GeneratorNew to Visual Studio Code? Get it now.
React Component Generator

React Component Generator

UditKumar

|
2,336 installs
| (5) | Free
A Cool VSCode extension which lets you create your component's files/folders instantly with boilerplate code.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info
logo

React Component Generator v1.1.3


ts badge nextjs badge
build status badge no of forks badge View Count


A cool VSCode extension that lets you create your component's files/folders instantly with boilerplate code. Also automatically handles CSS file import if needed and exports the component from the index file of the Component directory.

How to install?

  • Go to Extenstion Marketplace or press Ctrl + Shift + X.
  • Search for uditkumar01.react-component-generator.
  • Then simply install the extension named React Component Generator.

rsz_screenshot_from_2021-06-04_15-40-20

How to use?

  • You need to open your react project in VSCode to use this extension.
  • Press Ctrl + Shift + P.
  • Search React Component generator.
  • Or you can use it via explorer context menu *Note: This option will only appear on directories named components or component.
  • Or You can directly use keyboard shortcut Shift + Space.

Note: While naming components you can use space or other symbols which will be removed and the character next to it will be capitalized.

Features v1.0.0

  • Creates required files and folders for your component.
  • Creates boilerplate code for the component you generated.
  • Will automatically export the file from index.js.

For more information

  • Visual Studio Marketplace Link

Demo Gif

demo_gif

⭐ Star this project on GitHub

Made with ❣️ and JavaScript.

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