grinat

eval

О_о а при чем тут вообще реакт? Хорошо что хоть не jquery

То и то отвратительно, благодаря обычному css реально можно просто и быстро стилизовать страницы. А это все калька с десктопных приложений, а их стилизация всегда была кошмаром, попытка добавить какое-нить скругление превращалось в борьбу с кучей xml'ек. Теперь же когда десктоп почти умер, поскольку все массово переходят в вэб, народ пытается перетащить худшие вещи оттуда.

Вешаешь обработчик onclick на window и если туда приходит событие закрываешь меню, в toggleMenu = () => { делаешь toggleMenu = (e) => { e.stopPropagation(); e.nativeEvent.stopImmediatePropagation();
В общем суть в том что все события они всплывают на самый верх вплоть до window, а чтобы в самом меню оно не всплывало наверх до window ты останавливаешь вспылытие

Смотря что ты хочешь, если spa, то вся статика отдается из папки с реактом, от симфони только рест апи, роуты у реста разные. Если nginx, то например все роуты вида /api/bla-bal перенаправлять на симфони, остальные в папку с фронтом.
Если отдельные страницы на реакте, то симфони просто отдает отдельные вьюхи, в этих вьюхах уже реакт.
Если ssr, то тоже самое что в первом абзаце, только все не айпи роуты идут к ноде, та рендерит на сервере html и отдает в браузер вместе с js, с ssr есть смысл заморачиваться если нужна индексация в яндексе, в любом случае это головная боль фронта.