Show HN: React-Rewrite – A visual editor for React that writes code, no LLM
React-Rewrite is a visual editor designed for React applications that allows users to make changes while the app is running locally. It automatically writes these changes back to the source files, streamlining the development process. The tool supports various editing features and is compatible with popular React setups like Next.js and Vite.
- ▪React-Rewrite enables visual editing of React apps in real-time while they are running locally.
- ▪Users can inspect elements, edit properties, and apply changes directly to the source files.
- ▪The tool requires Node.js 20+ and a React project version 18 or higher.
Opening excerpt (first ~120 words) tap to expand
react-rewrite react-rewrite lets you edit a React app visually while it is running locally, then automatically writes those changes back to the source files in your project. It is built for local development and works by opening a proxy in front of your dev server and injecting an overlay into the page. Demo full demo: https://x.com/imdonghakim/status/2038230475894899119 Fastest path You do not need to download or clone this repo. From the root of your React app: npm install -D react-rewrite-cli Start your dev server, then in a second terminal run: npx react-rewrite If you want to try it without installing first: npx react-rewrite-cli@latest What it does Select an element and inspect its component name, file path, and line number Edit supported Tailwind-based layout, spacing, size,…
Excerpt limited to ~120 words for fair-use compliance. The full article is at GitHub.