November 12, 2025
Hot reload or hot air?
Launch HN: JSX Tool (YC F25) – A Browser Dev-Panel IDE for React
React dev tool drops, HN asks: hot reload rebrand or real upgrade
TLDR: JSX Tool puts a code editor inside your browser’s dev panel to click into React code and tweak styles with AI. HN is split: some see a fresh workflow, others say it’s just hot reload with new paint and want broader support plus hosted previews, while YC-scale skepticism lingers.
JSX Tool just landed, promising a browser dev-panel IDE for React that lets you click from a live page straight to the exact line of code and even use AI to polish your styles. Founders Jamie & Dan say the core IDE is free, the AI bits are rate-limited, and while the extension isn’t open source, the “Dev Server” is. Check out JSX Tool and the demo.
But the Hacker News crowd came in hot. “Is this hot reload, just shinier?” asked skeptics, pointing to popular tools that already update pages instantly. One commenter poked the bear: “Interesting that this is now a venture-scale company.” Another wanted more than local tinkering: run it against a git repo with a live preview and real deployments. Meanwhile, branding confusion bubbled: is this React-only or will it support other JSX flavors like SolidJS? There’s genuine excitement about smoother editing in the browser, plus AI that converts CSS to Tailwind and saves changes back—yet the vibe is split between “finally, a smoother way to work” and “we’ve seen this movie.”
Jokes flew about an IDE inside DevTools inside your IDE, and someone dropped the spicy “Is this sponsored by YC?” line. Love it or roll your eyes, the thread turned into a debate over whether this is a breakthrough—or a remix with better vibes.
Key Points
- •JSX Tool is a browser dev-panel IDE for React that lets users click on rendered UI to jump to the corresponding JSX line and explore the render stack.
- •A custom AST parser maps JSX to HTML/DOM, enabling bidirectional inspection between JSX and rendered elements.
- •The tool includes a CSS editor for JSX where in-memory style edits to React fibers are globally applied as if edited in source code.
- •AI features allow prompting for in-memory styles and saving temporary changes back to the codebase following existing conventions.
- •A local Dev Server mounts the project root to enable filesystem commands, LSP, and ripgrep; non-AI IDE features are free, AI prompts are rate-limited, and the extension is closed-source while the Dev Server is open-source.