This IDE runs as a single .html file. Included is the .proj file to modify the editor itself in the editor.
When exporting a .proj file to .html, it will minify and transpile the virtual files into a single file. Any tag that has the "file" attribute, will contain the value of such a virutal file. So using a virtual CSS stylesheet, rather than doing a link tag, you would do a style tag with a file attribute. Though you can still load external resources as you normally would.
<!-- Example CSS Virtual File -->
<style file="design.css"></style>
<!-- Example HTML Virtual File -->
<div file="widget.html"></div>To load a JSX file, use the .jsx extension. If you are loading an already transpiled file, you can use the attribute data-transform="false" to prevent Babel from re-optimizing the code on compilation.
<!-- load a React JSX file -->
<script file="components/header.jsx"></script>
<!-- load embedded React library files without slowing down the compilation -->
<script data-transform="false" file="scripts/react.js"></script>
<script data-transform="false" file="scripts/react-dom.js"></script>