Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>ts-react-component-generatorNew to Visual Studio Code? Get it now.
ts-react-component-generator

ts-react-component-generator

kkoukakis

|
162 installs
| (0) | Free
Generate TypeScript React Components
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

ts-react-component-generator

A simple TypeScript React Component Generator VS Code Extenstion.

Download here: [https://marketplace.visualstudio.com/items?itemName=kkoukakis.ts-react-component-generator]

Features

Right click on explorer and type your Component name.

Creates a Folder with 2 files:

  • index.tsx : TypeScript Component
  • index.css : CSS Stylesheet file

Also: It checks if folder already exists, if component name is acceptable name and trims down whitespaces.

Requirements

None. Just have fun!

Extension Settings

This extension contributes the following settings:

  • ts-react-component-generator.enable: enable/disable this extension

Known Issues

Calling out known issues can help limit users opening duplicate issues against your extension.

Release Notes

Users appreciate release notes as you update your extension.

Coming soon

  • Add custom template index.tsx and index.css creation

1.0.3

  • added Constructor and included states inside it.

1.0.2

  • corrected index.css import in index.tsx files

1.0.1

  • added Regex for correct ComponentName

Lisence MIT ~ kkoukakis 2021

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft