Вставьте React JS-JSX в приложение J2EE

Question

Моя цель - добавить новые экраны пользовательского интерфейса на основе React JS в существующее (на основе JSP) приложение J2EE, работающее на локальном сервере Tomcat. Да, просьба добавить новые экраны с использованием современных технологий javascript / clientide, но сохранить существующие экраны такими, какие они есть.

Я скачал индивидуальные response.js и response-dom.js, добавил их в контент моего проекта J2EE, сослался на html-страницу. Таким образом (без необходимости устанавливать узел JS или настраивать среду разработки dev) я могу достичь своей цели, но я могу использовать только простой javascript React.createElement для создания компонентов пользовательского интерфейса.

Но мне также нужно использовать синтаксис JSX для ускорения моих разработок. Теперь, чтобы использовать функции JSX, я узнал, что мне нужно выполнить настройку Node JS, Babel и т. Д. И собрать приложение. Это не будет соответствовать моей цели, поскольку мне не нужно отдельное приложение React, а нужно только создавать дополнительные экраны, основанные на реакции на существующее приложение J2EE.

Итак, мне нужны рекомендации экспертов для достижения этой цели. Мои вопросы

1. Если я настрою среду разработки реаги + бабель и соберу приложение, могу ли я легко получить скомпилированные файлы JS, чтобы я мог взять их и развернуть на моем сервере Tomcat?
2. Если так, это единственный способ достичь моей цели ИЛИ есть ли лучшая альтернатива для более быстрого развития?

Answer 1

Вам не нужны экспертные рекомендации, это просто.

1) Вы можете использовать создание приложения реакции из котла «Создание приложения реакции» из Facebook, которое предоставляет все из коробки.

https://github.com/facebook/create-react-app

2) React приложению необходим div для загрузки js.

Keep generated js bundle from above step in J2EE application and load script on JSP page using script tags.

<script src="/reactbundle.js"></script>

<div id="root"> </div>  // create this div in existing J2EE application in HTML or JSP file.

ReactDOM.render(<App />,document.getElementById('root')
);