ReactComponentGeneratorExtension

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

ReactComponentGeneratorExtension

★ 11 Open GitHub ↗

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

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<div align="center">
    <img src="https://raw.githubusercontent.com/uditkumar01/ReactComponentGeneratorExtension/main/assets/logo.png" alt="logo" width="150" />
    <h1>React Component Generator <kbd>v1.1.3</kbd></h1>
</div>

<br />

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 <kbd>Ctrl</kbd> +  <kbd>Shift</kbd> +  <kbd>X</kbd>.
- Search for `uditkumar01.react-component-generator`.
- Then simply install the extension named `React Component Generator`.

![rsz_screenshot_from_2021-06-04_15-40-20](https://user-images.githubusercontent.com/55291327/120786441-d7487080-c54b-11eb-91fb-43564efb8f4f.png)

### How to use?

- You need to open your react project in VSCode to use this extension.
- Press <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>P</kbd>.
- 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 <kbd>Shift</kbd> + <kbd>Space</kbd>.

**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](https://marketplace.visualstudio.com/items?itemName=uditkumar01.react-component-generator)

## Demo Gif

![demo_gif](https://raw.githubusercontent.com/uditkumar01/ReactComponentGeneratorExtension/main/assets/demo.gif)

<h3 align="center">⭐ Star this project on <a href="https://github.com/uditkumar01/ReactComponentGeneratorExtension">GitHub</a></h3>

<p align="center">Made with ❣️ and JavaScript.</p>

ReactComponentGeneratorExtension

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README