I'm starting a new project on an environment that has native **CommonJS** support for `require` modules - *it's an atom-shell project, there is no possibility of using pre-compiling steps such as in Browserify or webpack AFAIK*.

I'm able to use JSX on my `app.jsx` entry-point file that is declared on my `index.html`, that's because `JSXTransformer` was declared previously:

```html
<script src="scripts/vendor/JSXTransformer.js"></script>
<script type="text/jsx" src="scripts/app.jsx"></script>

```

I want to be able to use the JSX syntax for the sub modules that are imported as CommonJS modules inside my `app.jsx` module:

```js
// This raises an Error, the XML-like tags are not supported
var Grid = require('./scripts/grid.jsx');

```

As far as I understand, I would be forced to drop the JSX syntax and go with the vanilla syntax for any module that is loaded via `require`. Are there any alternatives to still using JSX in this situation?