Поделюсь своим опытом использования Spring + ReactJs.
Своё знакомство начал на проекте с gulp + browserify + reactjs + jee.
Несколько тасков в gulp:
— прод собирает бандл, минифицирует
— вариант сборки в папку application server
— вариант сборки с 'watch', когда мы запускаем процесс, а по ходу изменения в коде js -> сборочка автоматически кладётся в папку application server.
В итоге: работаем через watch, когда автоматом подсасывает изменения на сервер или руками запускаем таск.
Второй проект:
Webpack + ReactJs + Spring
— Один отдельный проект для java-script
— Второй отдельный проект для java
Имеется конфигурация для prod (сборка, минификация). Скриптом запускается процесс сборки, после сборки собранные файлики кладутся по месту дислокации в java.
[Запуск буквально обычным npm run build]
И имеется вариант для debug-разработки. (Включенные source-map). Смысл в том, что при каждом изменении сборка пересобирается, кладётся на сервер, В браузере можно дебажить js-код.
[Запуск с webpack --config ./webpack.dev.js --progress --watch]
Здесь пришлось пожертвовать плагином, который при пересборки рефрешил компоненты.
Есть ещё третий вариант, когда мы запускаем ноду в качестве сервера и с нею мы разрабатываем фронтэнд. Но в итоге отказался от этого, т.к. нужна зацепка за реально работающие rest-сервисы.
Своё знакомство начал на проекте с gulp + browserify + reactjs + jee.
Несколько тасков в gulp:
— прод собирает бандл, минифицирует
— вариант сборки в папку application server
— вариант сборки с 'watch', когда мы запускаем процесс, а по ходу изменения в коде js -> сборочка автоматически кладётся в папку application server.
В итоге: работаем через watch, когда автоматом подсасывает изменения на сервер или руками запускаем таск.
Второй проект:
Webpack + ReactJs + Spring
— Один отдельный проект для java-script
— Второй отдельный проект для java
Имеется конфигурация для prod (сборка, минификация). Скриптом запускается процесс сборки, после сборки собранные файлики кладутся по месту дислокации в java.
[Запуск буквально обычным npm run build]
И имеется вариант для debug-разработки. (Включенные source-map). Смысл в том, что при каждом изменении сборка пересобирается, кладётся на сервер, В браузере можно дебажить js-код.
[Запуск с webpack --config ./webpack.dev.js --progress --watch]
Здесь пришлось пожертвовать плагином, который при пересборки рефрешил компоненты.
Есть ещё третий вариант, когда мы запускаем ноду в качестве сервера и с нею мы разрабатываем фронтэнд. Но в итоге отказался от этого, т.к. нужна зацепка за реально работающие rest-сервисы.