Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>React Component Generator TypeScriptNew to Visual Studio Code? Get it now.
React Component Generator TypeScript

React Component Generator TypeScript

ramden474

|
77 installs
| (0) | Free
Generates a basic directory structure for TypeScript React components (component, props, styles)
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

react-component-generator-ts README

This extension creates directory structure for typescript React components.

Features

Creates the following structure:

  • MyComponent
    • MyComponent.tsx
    • MyComponent.props.ts
    • MyComponent.styles.ts

You can use it with the contextual menu to create the component in a specific folder or use it with the command palette to generate the folder in a default directory.

Extension Settings

  • defaultComponentsPath: Sets the default path for creating components whe not using the contextual menu. Default: src/components

Release Notes

Users appreciate release notes as you update your extension.

1.0.0

Initial release of React Component Generator TS

1.0.1

Added Re-indent for template depending on VSCode settings

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