VSReactComponentTemplates

Adds an easy way to create and setup Typescript React Component in Visual Studio.
Offers automatic scss and index.ts file creation with optional creation of props type.

Instalation

1. Download latest .vsix from https://github.com/51MARGL/VSReactComponentTemplates/releases
2. Alternatively install from marketplace: https://marketplace.visualstudio.com/items?itemName=51MARGL.ReactComponentTemplates

How to use

1. Add New Item
   
2. Select React Component Template. Enter Component Name and press Add
   
3. Select desired settings and press Finish
   
4. New component should be created.
   

SimpleReactComponent.tsx:

import React from 'react';

import './SimpleReactComponent.scss';

export type SimpleReactComponentProps = {

}

const SimpleReactComponent: React.FC<SimpleReactComponentProps> = () => {
    return (
        <div className="simple-react-component"></div>
    );
}

SimpleReactComponent.displayName = 'SimpleReactComponent';

export default React.memo(SimpleReactComponent);

SimpleReactComponent.scss:

$component: .simple-react-component;

#{$component} {
}

index.ts:

export * from './SimpleReactComponent';
export { default } from './SimpleReactComponent';