Dev Tools · Web
Lentil-JSX
In-browser React bundler & editor, powered by ESBuild.
TypeScriptJavaScript10 technologies
Lentil-JSX is a browser-based React playground: write JSX or TSX in the editor and watch it get transpiled, bundled, and rendered instantly, without a local setup or a server round-trip. ESBuild, compiled to WebAssembly, runs the whole build right in the browser.
Packages are pulled from npm on demand and cached aggressively, so repeat builds stay fast even with heavy dependencies. The codebase is a Lerna monorepo with a publishable CLI, a local Express API, and the React client.
Highlights
- In-browser transpiling & bundling with ESBuild (WASM)
- On-the-fly npm imports with layered caching
- Monaco-powered editing with TypeScript support
- Redux-managed, notebook-style code cells
- Lerna monorepo with a published CLI package
Built with
TypeScriptJavaScriptReactReduxESBuildExpressMonaco EditorLernaBabelTailwindCSSChart.jsVite