VSCode React Hephaestus

Introducing ReactHephaestus, the ultimate tool for building React components in seconds! :hammer:

Say goodbye to manual labor and hello to efficiency with our extension that automates the generation of React components in the perfect structure. :muscle:

With ReactHephaestus, simply enter the desired folder name and watch as our generator clean and ready-to-use react components. :ok_hand:

Streamline your workflow and focus on your creativity with ReactHephaestus – the perfect addition to your development toolkit ! :star2:

Hilights

• Allow to create react component in an opinionated way
  • Hooks
  • Translation with react-i18next
• Typescript support
• Javascript support

Extension Settings

• reactHephaestus.global.quotes (Default : 'single')

Define whether to use single or double quote for imports".

• reactHephaestus.files.rewrite (Default: true)

Allow to rewrite a component folder. Could be usefull if you're switching reactHephaestus.components.useHooks or reactHephaestus.components.components regularly.

• reactHephaestus.components.useHooks (Default: true)

Define to use hook file or not".

• reactHephaestus.components.extension (Default: 'ts / tsx)

The extension for component file.

Release Notes

See changelog file :grin:

Contribute

Feel free to open issues or PRs!

Getting started

In order to start working all you need to do is :

$ git clone git@github.com:jraillard/react-hephaestus.git
$ cd react-hephaestus
$ npm install
$ code .

Running Extension

Go to VSCode debug sidebar Select Extension from the dropdown Hit F5