Не понимаю как запустить React на localhost без Webpack?
Нахожусь в начале пути по освоению ReactJS, моя цель сделать Theme для движка WP.
Используею Webpack. Возникли вопросы, которые не получается понять самому.
1 Как запустить React без Webpack, в том смысле, что не понимаю как заставить его работать на том же localhost что и WP которая на xampp (сейчас на разных портах благодаря Webpack)
2 Как все это должно выглядить на сервере С NodeJS или можно без (скомпелировать js ) или запускать CGI-Node?
Бывают изоморфные приложения - они действительно без node не запустятся. По факту разработка происходит так - ты пишешь код react + jsx + ES6 + ... . Затем скармливаешь все это вебпаку (а он babel'у) и на выходе у тебя получается транслированный .js файл, который можно просто подключить как любой другой файл и все будет работать. Можно делать это рантайм - но я таким не занимался и не очень понимаю зачем это делать в реальных проектах.
Ninja Mate: Вэбпак вешается на 3001 порт и оттуда уже тянется. Можете посмотреть как вэбпак взаимодействует с server-side render'ингом на примере любого react-webpack-* boilerplate
Антон Измайлов: Понял спасибо, я так в принципе и реальзовал сейчас с 80 порта слушает 3000 и показывает React интерфейс. Для разработки подходит, но как все это на готовом продукте выглядит? (Мой первый проект с React) Задача все это запускать под wp движками (с новыми api), а там везде сервера php. Код готового приложения в js переводить для финальной версии и клиента грузить (что почитать?) или есть способы запускать react без node?
Антон Измайлов: Я подобный вопрос задал здесь https://lamosty.com/2015/10/react-wp-theme-structu... Автор ответил, что все приложение упаковывается в js файл и продакшн только под php сервером отлично работает. Запускал его продукт с github работает (хоть и с ошибками), но как в конце без node запускать не пойму. Проблема не в самом node (есть вроде даже CGI-Node зверь для апача...), но большинство конечных пользователей wp темы, такое не потянут и нужно простое решение для установки через админку движка.
Ninja Mate: бывают изоморфные приложения - они действительно без node не запустятся. По факту разработка происходит так - ты пишешь код react + jsx + ES6 + ... . Затем скармливаешь все это вебпаку (а он babel'у) и на выходе у тебя получается транслированный файл, который можно просто подключить как любой другой файл и все будет работать. Можно делать это рантайм - но я таким не занимался и не очень понимаю зачем это делать в реальных проектах.