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

Create React Component

Nikita Bogachenkov

|
283 installs
| (0) | Free
Quickly generate React components
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Create React Component

⏱️ The easy way to create Component folder with the files you need

Demo

Structure

  • ParentFolder
    • NewComponent
      • index.ts
      • NewComponent.tsx
      • NewComponent.module.css (or any other stylesheet format listed below) [optional]
      • NewComponent.stories.tsx [optional]
      • NewComponent.test.tsx [optional]

Features

  • Quickly generate React Component folder with Typescript
  • You can choose between different styling methods - CSS, CSS Modules, LESS, SASS, Stylus and styled-components
  • Also, you can optionally create .stories and .test files

How it works

  • In the explorer tab of VS Code, right-click on the directory in which you want to create the component
  • Select "Create React Component" option
  • Enter a component name
  • Select the options you want to use
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft