React ExtractReact ExtractSelect JSX → Ctrl+. → Extract to component. You get a function component, props inferred from the variables the JSX uses, and the call site replaced with <Name … /> — in the same file or a new file with the import added. 100% offline: bundled Babel parser, no AI, no telemetry, no network.
React Extract Lite (free) on the VS Code Marketplace (coming soon)
| Feature | Lite (free) | Pro ($12) |
|---|---|---|
| Extract JSX to component, same file / new file | ✓ | ✓ |
| Props inferred, call site wired | ✓ | ✓ |
Fragments, event handlers, key, hook warning | ✓ | ✓ |
| Imports copied + rebased into new file | ✓ | ✓ |
| TSX props interface/type with inferred types | – | ✓ |
| Extract to custom hook | – | ✓ |
| Split file into components | – | ✓ |
| Naming / export / folder presets | – | ✓ |
| CSS-module stub | – | ✓ |
Get Pro: Buy React Extract Pro on Gumroad — $12 Personal / $39 Team
Email bhamlefty@gmail.com.