Добавить компонент React в проект Phalcon

Question

Я работаю в проекте с Phalcon версии 3.4.

Я хотел бы представить React и собрать некоторые модули, но я не уверен, как это сделать.

I пробовал некоторые варианты:

• использовать babel и jsx, но компонент реакции не отображается (прикрепленный образец?)
• [Я видел проект phalcon, который уже использует реагирует] ( https://github.com/reallyalexpro/phalcon.reactjs https://github.com/reallyalexpro/phalcon.reactjs/blob/master/controllers/IndexController.php), но это старая версия реакции, и я не знаю, должен ли я создать такой же контроллер.

Как я могу заставить его работать? Нужно ли что-то устанавливать? Или, может быть, мне нужно создать контроллер PHP? Здесь я покажу вам свой код

<!-- This is my html doc -->

<h1>My project</h1>

<div id="output"></div>

<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<script src="/js/react/calculator/App.js" type="text/babel">
const getMessage = () => "Hello World";
document.getElementById('output').innerHTML = getMessage();
</script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.5.4/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.5.4/react-dom.min.js"></script>


<!-- javascript -->
<script type="text/javascript">
    mixpanel.track("calculator");
</script>

<!-- This is my react component (App.js) -->

class App extends React.Component {

  render() {
    return(
     <div>
    <h1>I am react</h1>
 </div>
    );
  }
}