Как создать приложение на Symfony3 и react?

Question

[Василий Петров]

Подскажите как создаются приложения на Symfony3 и react?
Какие пакеты использовать как правильно настраивать вебпак.
Как работать с формами и все остальное. Буду признателен за любую информацию, ссылки или репозитории.
Спасибо

Comments

[Максим]

Василий Петров сначала написал ответ, но потом решил, что вам и правда может быть интересно делать на symfony3 не только API бэкэнд... но зачем...
тем не менее, вот пример https://github.com/Limenius/symfony-react-sandbox
Какая польза в том, что вы будете рендерить шаблончики перед тем, что на php у вас будет написано просто API отдающее json данные?

[Антон Спирин]

Максим, в сборке, что вы скинули опционально включается SSR react и архитектура сделана именно под него. Если не нужен react SSR, лучше это решение не использовать. Так как там в зависимостях react-on-rails и рендер с помощью phpExeсJs.
Но если нужен react SSR, то даже других способов не знаю, разве сделать отдельный node.js сервер который будет просить данные у Symfony перед рендером и кешировать страницы. Возможно решение с отдельным рендер сервером на node.js даже лучше. Так как архитектура самого приложения будет стандартной и без лишних костылей.

Год, назад приходилось разбираться с этой сборкой. И у меня и symfony разработчиков ушло достаточно времени на изучение особенностей, чтобы подключить и оживить уже написанную на react админку.
А потом я соскочил с проекта и даже не знаю, чем все закончилось.

[Василий Петров]

Максим, я не хочу рендерить я хочу узнать как правильно делать. Если не будет форм как лучше делать валидацию ну и вообще больше инфы на эту тему. Спасибо

[Максим]

Антон Спирин, а смысл вообще так делать? Я уже привык, что бэкэнд только в качестве API... Или все упирается в серверный рендеринг?

[Василий Петров]

Да люди в который раз убеждаюсь что не стоит задавать здесь вопросы. Все все знают но никто ничего не объясняет.
Максим Федоров, Вот какая вам разница почему он мне не нужен? )

[Антон Спирин]

Максим Федоров, я не отвечал на вопрос. Вы, явно, что-то перепутали. Я поделился с Максим, почему эту конкретную сборку, возможно, не стоит использовать.

Максим, ну если индексация в поисковиках нужна. У нас в том проекте это должен быть сервис генерации магазинов, аля твиттер для продажи чего-либо. В таких проектах SSR необходим. А админку только для эксперимента на SSR переводили.

[Максим]

Василий Петров формы - имеете ввиду html тэг form с полями? они будут, никуда не денутся. Рисовать их будете на клиенте, валидировать там же сразу + валидация по ответу от сервера. Вам нужно посмотреть теорию по REST API (если не в курсе), а так же обратить внимание на то, что пишет Антон, если вам нужен серверный рендеринг (который, как выяснилось, видимо, удобно делать с подобными сборками).

Answer 1

[coffeehoock]

в корне проекта создается файл webpack.config.js
там прописываются такие настройки как пути к файлам .

и погуглите на тему webpack Encore и yarn

обычно все исходники js лежат в папки assets и с помощью import из разных файлов собираются ( импортируются ) в одном файле например в index.js

import {render} from 'react-dom'

import './f1.js'
import './f2.js'
import './f3.js'

import coffee from './test.coffee'

при этом у импортируемых файлов расширения могут быть разные

потом этот фай попадает в публичную папку - аналогично и с css .

нот тут нужно поиграть с import так-как при не правелиной настройке у вас к примеру может скомпилироватся jquery в публичный файл 2 раза !