<!DOCTYPE html>
<html>

  <head>
    <script data-require="react@*" data-semver="15.2.0" src="https://cdnjs.cloudflare.com/ajax/libs/react/15.2.0/react.js"></script>
    <script data-require="react@*" data-semver="15.2.0" src="https://cdnjs.cloudflare.com/ajax/libs/react/15.2.0/react-dom.js"></script>
    <script src="https://unpkg.com/languages-js@latest/languages.min.js"></script>
    <link rel="stylesheet" href="style.css" />
  </head>

  <body>
    <div id="example"></div>
    <script src="script.js"></script>
  </body>

</html>
class Example extends React.Component {
  render() {
    return (
      <div>
        <h1>{'hello'.t()}</h1>
      </div>
    );
  }
}

Languages.init(['en_EN', 'fr_FR'], './languages/', () => {
  ReactDOM.render(
    <Example />,
    document.getElementById('example')
  );
})
/* Styles go here */

[
  {
    "hello": "hello"
  },
  {}
]
[
  {
    "hello": "bonjour"
  },
  {}
]