🧩 A VS Code extension that helps you extract selected JSX code into a standalone React component in just a few seconds.
✨ Features
- 🔹 Extract JSX code into a new
.tsx file
- 🔹 Enter a custom component name with validation
- 🔹 Automatically insert the new component and import it
- 🔹 Clean and minimal UX
🎯 How to Use
- Select JSX code inside a
.tsx file
- Press
Ctrl/⌘ + Shift + P and run Extract JSX to React Component
- Enter a name for your new component (e.g.
ProductCard)
- Done! Your JSX will be:
- moved to a new component file
- inserted as
<ProductCard />
- imported at the top of the current file
🎥 Demo
Coming soon — insert demo gif here
📦 Installation
Via VS Code Marketplace:
👉 JSX Extractor — Marketplace
Or from within VS Code:
👉 Extensions → Search: JSX Extractor → Install
👩💻 Author
Made with ❤️ by @lesaaly
📄 License
This project is licensed under the MIT License.
| |
