如何在WordPress中添加一个简单的React.js组件？

Question

嗨，令人惊叹的WordPress / React社区，

我环顾网络，并没有真正找到一个好的答案。我想在我的wordpress网站上添加一个用React.js构建的“Widget”。它不依赖于任何外部数据。除了添加npm模块并将构建过程添加到我的gruntfile（将JSX转换为JS）之外，还需要采取哪些其他步骤来显示一个非常简单的React组件，如下所示：

var React = require('react');

var App = React.createClass({
  getInitialState: function(){
      return {
         name: "Jake"
      }
  },
  render: function(){
    return (
      <div>
        <h1> {this.state.name} </h1>
      </div>
    )
  }
});

React.render(<App />, document.getElementById('app'));

这个Javascript文件在典型的WordPress文件结构中存在于何处？

谢谢！