@react-lib-tech/react-jsx-to-tsx
v1.0.4
Published
A tiny React component library (JS) for converting TSX → JSX and extracting text
Downloads
5
Maintainers
Readme
@react-lib-tech/react-jsx-to-tsx
A Node.js utility to convert React JavaScript files (.jsx, .js) into TypeScript/TSX files (.tsx, .ts) and optionally extract all text content for i18n, localization, and accessibility workflows.
This makes it useful for:
- 🔄 JavaScript → TypeScript migration → generate
.tsx/.tsbuilds
✨ Features
- Recursively walks through a project folder
- Converts:
.jsx→.tsx.js→.ts
- Automatically rewrites import aliases (e.g.,
@/components→ relative paths)
📦 Installation
npm install @react-lib-tech/react-jsx-to-tsx🚀 Usage
1) Convert .tsx / .ts → .jsx / .js
import convertFolder from "@react-lib-tech/react-jsx-to-tsx";
(async () => {
await convertFolder("src", "dist");
})();✅ This will recursively:
- Convert
src/App.tsx→dist/App.jsx - Convert
src/utils/helpers.ts→dist/utils/helpers.js - Rewrite imports (
@/components/...→ relative paths)
📖 Use Cases
- ✅ Migrate a React JavaScript codebase to plain JavaScript
- ✅ Audit accessibility attributes
- ✅ Build custom search indexes from UI strings
📜 License
MIT © Abhishek Kumar Singh
