Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>react component auto files generatorNew to Visual Studio Code? Get it now.
react component auto files generator

react component auto files generator

Souvik Guria

|
29 installs
| (0) | Free
This extension creates all the required files for a basic react component
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

React Component Generator

This extension creates all the basic files needed for a react component

this extension creates all the files based on the directory name

It creates the following files:

  • <folder_name>.tsx [the main react component file]
  • <folder_name>.styles.ts [styles file]
  • <folder_name>.types.ts [type definition file]
  • <folder_name>.mocks.ts [mock data file]
  • <folder_name>.tests.tsx [test cases]
  • <folder_name>.stories.tsx [storybook file]

all the generated files have some boilerplate code, modify them according to your need

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