Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>react extract componentNew to Visual Studio Code? Get it now.
react extract component

react extract component

Dmitry Sinkevich

| (0) | Free
Extract JSX/TSX fragments into new React functional components with automatic prop detection
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

React extract component extension for VSCode

Configurations

Key Description Type Default
reactExtractComponent.fileNameConvention Naming convention for generated component files string "kebab-case"
reactExtractComponent.createComponentFolder Create a folder for the component with an index.ts barrel file boolean false
reactExtractComponent.propsInterfaceNaming Naming pattern for props interfaces: IPrefix = I{Name}Props, Suffix = {Name}Props string "IPrefix"

Commands

Command Title
reactExtractComponent.extract Extract to component

License

MIT License © 2026 Dmitry Sinkevich

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