The suffix to add to the end of the stylesheet filename. e.g.: ComponentName.styles.( extension) (default. The extension of generated stylesheet file. Whether to generate component's stylesheet file or not. e.g.: ComponentName.( extension) (default: true) The extension of generated component file. Whether to generate component's main file or not. e.g.: index.( extension) (default: true) The extension of generated component index file. Whether to generate component's index file or not.

'reactv16' - Contains getSnapshotBeforeUpdate, getDerivedStateFromProps, getDerivedStateFromError, componentDidCatch and removes componentWillReceiveProps and componentWillMountĪ (default: true).

'legacy' - Contains componentWillReceiveProps, componentWillMount.

The lifecycle type of generated component.

'double' - e.g.: import React from 'react 'Ī (default: legacy).

'single' - e.g.: import React from 'react '.

Generate or not separate folder for newly created component (default: single)Ĭontrols the quotes for the imports in the files. You can access to the extension's settings through VSCode settings. If you enter the component name as in camelCase, then extension will convert it PascalCase automatically.

Enter a component name in the pop up in camelCase or PascalCase.

'New React Stateless Component with Redux'.

'New React Container Component with Redux'.

Right click on the file or folder in the file explorer.

ext install abdullahceylan.vscode-react-component-generator

Visual Studio Code Market Place: VSCode React Component GeneratorĬan also be installed in VS Code: Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter. Search for VSCode React Component Generator

ComponentName.less (for less style option).

ComponentName.scss (for sass style option).

ComponentName.css (for standard style option).

(for styled-component or emotion option).

The extension automatically creates folder for react component containing :

Please click here for React Native version Description

React Component Generation Extension for VSCode

Visual studio code editor component