In this environment you can write Javascript snippets ( including jsx ), import css files like in the example below and almost any npm module that runs on the browser or is platform independent ( i.e. is not a node exclusive module )
By running the show command you can display any Javascript type, and also jsx elements and react components
npx jsxdox serveornpx jsxdox serve filename.js --port port_number
- alternatively, if you want to install it globally:
npm install -g jsxdox
- Syntax highlighting
- Add npm modules using
import 'module_name' - Add css files from npm similarly using
import 'npm_hosted_file.csse.g.import 'bulma/css/bulma.min.css - Add specific packages version using
import 'module_name@module_version'e.g.import '[email protected]' - Edit any
textcell by clicking on it or close it by clicking outside - Cumulative code execution (i.e. if you define a variable in one code cell, it will be available in the cells below )
- Delete or change the order of cells (
upordown) using the action bar on top right corner of each cell - Format code in
codecells by clicking the format button - Add new
codeortextcells by hovering over and clicking the respective buttons on the divider between cells