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.