CVarisco / vs-component-app

Visual code extension to create react component based on create-component-app library

vs-component-app

How much time do you spend copying and pasting the component folder to create a new one ?
Visual studio code extension to create react components base on create-component-app library

Usage

1. Create a config object ccarc on user preference like

2. Right click on folder destination where you want your new component.

3. Insert name of the component.

4. Enjoy 🌮

Install

ext install vs-component-app

Or link available here

Configuration

Create a config object ccarc on user preference.
Here you can find the docs about the config object

{
    "ccarc": {
        "type": "class",
        "jsExtension": "js",
        "cssExtension": "scss",
        "includeTests": false,
        "includeStories": false,
        "indexFile": false,
        "connected": false,
        "componentMethods": [
            "componentDidMount",
            "shouldComponentUpdate",
            "onClick"
        ],
        "fileNames": {
            "testFileMatch": "spec",
            "testFileName": "myTest",
            "componentFileName": "template",
            "styleFileName": "style"
        }
    }
}

You can use your own custom templates

Create a config object ccarc on user preference

{   
    "ccarc": {   
        "type": "custom",
        "templatesPath": "PATH/OF/CUSTOM/TEMPLATE/FOLDER"
    }
}

Here you can find the documentation on how to write your own custom templates

Contributing

The library is open to everybody, contribute improve your skills.

vs-component-app is maintained under the Semantic Versioning guidelines.

License

MIT © Christian Varisco