Skip to content
| Marketplace
Sign in
Visual Studio Code>Extension Packs>React Component Generator by Mateusz JankowskiNew to Visual Studio Code? Get it now.
React Component Generator by Mateusz Jankowski

React Component Generator by Mateusz Jankowski

Mateusz_Jankowski

|
73 installs
| (1) | Free
A Visual Studio Code extension that simplifies React component creation, supporting functional components, container-presentation pairs, TypeScript, and PropTypes.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

React Component Generator

React Component Generator is a Visual Studio Code extension that simplifies the process of creating React components. It provides a user-friendly interface to generate functional components, container-presentation components, and supports TypeScript and PropTypes.

Features

  • Generate functional React components
  • Create container-presentation component pairs
  • Support for TypeScript and PropTypes
  • Nested component creation
  • Automatic folder structure creation

Technologies Used

  • TypeScript
  • Node.js
  • Visual Studio Code Extension API

Requirements

  • Visual Studio Code version 1.92.0 or higher
  • Node.js version 20.x or higher

Installation

  1. Open Visual Studio Code
  2. Go to the Extensions view (Ctrl+Shift+X)
  3. Search for "React Component Generator"
  4. Click Install

Usage

  1. Open a React project in Visual Studio Code
  2. Open the Command Palette (Ctrl+Shift+P)
  3. Type "Create React Component" and select the command
  4. Follow the prompts to configure your component

Development Setup

  1. Clone the repository
  2. Run npm install to install dependencies
  3. Open the project in Visual Studio Code
  4. Press F5 to start debugging

Scripts

  • vscode:prepublish: Prepare the extension for publishing
  • compile: Compile the extension
  • watch: Watch for changes and recompile
  • package: Package the extension for production
  • compile-tests: Compile the test files
  • watch-tests: Watch for changes in test files and recompile
  • pretest: Run before tests
  • lint: Lint the source code
  • test: Run the extension tests

Author

Mateusz Jankowski

Reporting Issues

If you encounter any bugs or have feature requests, please open an issue on the GitHub repository.

License

This project is licensed under the MIT License.

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