This is a browser-based interactive code-editing notebook that supports both front-end web code (JS/JSX/HTML) and markdown for convenient code documentation.
- Lightning fast in-browser JSX transpilation and code bundling utilizing esbuild
- Built in support for all NPM package imports (client-side packages) thanks to unpkg
- Your code is rendered instantly in built in
<iframe />preview windows - Special built in
show(replace_me)function to display items onto the preview window (supports React components, JSX, HTML elements, JS variables) - Beautiful user-interface, utilizing Monaco Editor (the same one VSCode uses!) as a code editor
- Interconnected code between different cells! Your variables defined in one cell can be accessed by any other.
Open up the directory where you want to save your file at and run npx plutobook serve yourFileName.js
Notes: Files are by default served to a port of 4005, you can change this by adding an additional parameter npx plutobook serve yourFileName.js --port=NUM and replacing NUM
Special thanks to codepen.io, codesandbox.io, and Stephen Grider's React/TS tutorial for inspiration
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent