Skip to content
| Marketplace
Sign in
Visual Studio>Tools>React Component Templates

React Component Templates

51MARGL

|
1,354 installs
| (0) | Free
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.

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
    image
  2. Select React Component Template. Enter Component Name and press Add
    image
  3. Select desired settings and press Finish
    image
  4. New component should be created.
    image

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';
  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft