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

React Component Generator

Preview

brendon1555

|
519 installs
| (0) | Free
Quickly create React Component boilerplate with storybook and tests
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

VS Code React Component Generator

Version Install Ratings

Installation

Visual Studio Marketplace

Launch Quick Open:

  • Linux: Ctrl+P
  • macOS: ⌘+P
  • Windows: Ctrl+P

Paste the following command and press Enter:

ext install brendon1555.react-component-generator

Usage

From Explorer

  • Right click the folder in the sidebar where you want to create a component.
  • Select Create Component.
  • Select whether to use Typescript, and include Storybook or Tests.
  • Enter a name for the Component.
  • A Component will be created in a directory named after your input.

From Command Palette

  • Open the command palette and type Generate Component, press Enter.
  • Select whether to use Typescript, and include Storybook or Tests.
  • Enter a name for the Component.
  • A Component will be created in a directory named after your input.

Configuration

You can access to the extension's settings through VSCode settings. You can customize:

reactComponentGenerator.componentsPath (default: "")

Path relative to the workspace root to place components when not using the Explorer.

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