React Component & Container Generation for VSCode

Description

Generates React component & container files automatically.

Usage

Configuration

You can change to the extension's settings through VSCode settings. You can customize:

ReactComponentContainerGenerator.global.quotes

The type of quotes

• single
• double (default)

ReactComponentContainerGenerator.global.semi (default: true)

Whether to add a semicolon at the end of the sentence.

ReactComponentContainerGenerator.componentFile.type

The type of generated component file

• func (default)
• class

ReactComponentContainerGenerator.componentFile.js

Javascript file extension js or jsx.

• jsx (default)
• js

ReactComponentContainerGenerator.componentFile.declare

How to declare a function component. function or const

• function
• const (default)

ReactComponentContainerGenerator.containerFile.folder (default: true)

Whether to create a folder when creating a container

ReactComponentContainerGenerator.containerFile.name (default: true)

Automatic container naming

ReactComponentContainerGenerator.styleFile.create (default: true)

Whether to generate component's style file or not

ReactComponentContainerGenerator.styleFile.type

The extension of stylesheet file to create

• css
• sass
• scss (default)
• less
• module.css,
• module.scss,
• module.sass,
• module.less,
• styled-component

ChangeLog

Click here

Bugs

Please report here