pug-php/pug-filter-react

Render React JSX code as JavaScript in a script tag

1.1.0 2017-10-03 12:29 UTC

README

Latest Stable Version Build Status Code Climate Test Coverage StyleCI

This template:

body
  :jsx
    /** @jsx dom */
    var dom = React.createElement;

    ReactDOM.render(
      <h1>Hello world!</h1>,
      document.getElementById('main')
    );

will be rendered like this:

<body>
  <script type="text/javascript">
    "use strict";

    /** @jsx dom */
    var dom = React.createElement;

    ReactDOM.render(dom(
        "h1",
        null,
        "Hello world!"
    ), document.getElementById('main'));
  </script>
</body>