Skip to content

A Cool VSCode extension that lets you create react component files/folders instantly with boilerplate code. It also handles imports/exports on its own.

License

Notifications You must be signed in to change notification settings

uditkumar01/ReactComponentGeneratorExtension

Repository files navigation

logo

React Component Generator v1.1.3


ts badge nextjs badge
build status badge no of forks badge Download Count rating
version last updated date


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

Demo Gif

demo_gif

⭐ Star this project on GitHub

Made with ❣️ and JavaScript.

About

A Cool VSCode extension that lets you create react component files/folders instantly with boilerplate code. It also handles imports/exports on its own.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published