Друзья, может кто сталкивался с проблемой подружить сср и редакс. <script> window.STATE=JSON.stringify(state) </script> " заменяются на ". Может тут ещё и express замешан?

В чем проблема то собственно?

По умолчанию реакт экранирует значения переменных

Для зашиты от XSS

Всем привет. Пытаюсь настроить вебпак для верстки под WP, настроил HtmlWebpackPlugin для объединения HTML файлов компонентов в один index.html, но в этом index html почему-то не распознается lodash <%= require('html-loader!./src/components/Footer/footer.html') %>

Друзья, может кто сталкивался с проблемой подружить сср и редакс. <script> window.STATE=JSON.stringify(state) </script> " заменяются на ". Может тут ещё и express замешан?

Есть redux-persist чтобы переносить стейт между страницами

Надо делать <script dangerouslySetInnerHtml={{__html: ‘window.STATE = ...}}/>

Есть redux-persist чтобы переносить стейт между страницами

Это не решение

Оно не даст понимая как рабоает что

Как понимание соотносится с решением?

Чтобы что-то использовать надо понимать как вещи происходят, иначе будет куча дурацких вопросов

Как понимание соотносится с решением?

Вопрос стоял в том, что экранируются спец символы, я ответил почему и как обойти

Чтобы пришло понимание можно его исходники посмотреть и сделать выводы как оно работает. Подсказка: local/session storage

Чтобы пришло понимание можно его исходники посмотреть и сделать выводы как оно работает. Подсказка: local/session storage

К вопросу это не имеет отношения уже

Вопрос был о другом

Там попытка присвоить стейт в window, так делать категорически нельзя, есть непонимание проблемы. И есть бест практисы как эта проблема решается.

Там попытка присвоить стейт в window, так делать категорически нельзя, есть непонимание проблемы. И есть бест практисы как эта проблема решается.

Почему ? Типовое Решение же

Для SSR

Или я что-то снова пропустил?

Почему нельзя и категорически ещё

Стейт переносится между страницами через local/session storage, redux-persist хендлит это.

Друзья, может кто сталкивался с проблемой подружить сср и редакс. <script> window.STATE=JSON.stringify(state) </script> " заменяются на ". Может тут ещё и express замешан?

именно

это сервером процессится

это сервером процессится

Нет

Реактом

сервером

после того, как отрендерилось

Стейт переносится между страницами через local/session storage, redux-persist хендлит это.

Не понял ничего

после того, как отрендерилось

Спорить не стану.

в аспнете я просто делаю Html.Raw и всё

Тут экспресс

Не понял ничего

Так спроси что не понял

Так спроси что не понял

redux-persist к SSR не имеет отношения, поскольку его использование только на клиенте оправдано

Так спроси что не понял

Ничего :) но самое непонятное какое отношение ваш ответ имеет к исходному вопросу, и почему нельзя стейт для hydrate в window пихать:)?

redux-persist к SSR не имеет отношения, поскольку его использование только на клиенте оправдано

Я и пытаюсь донести что речь о другом

Клиенты упорные пошли, сопротивляются советам

Друзья, может кто сталкивался с проблемой подружить сср и редакс. <script> window.STATE=JSON.stringify(state) </script> " заменяются на ". Может тут ещё и express замешан?

https://redux.js.org/recipes/server-rendering#inject-initial-component-html-and-state вот тут какой-то интересный реплейс регуляркой

https://redux.js.org/recipes/server-rendering#inject-initial-component-html-and-state вот тут какой-то интересный реплейс регуляркой

Заменяет просто открывающие теги

Если память не изменяет, открыть не могу страницу сейчас увы.

Ничего хитрого

Не надо пробовать, оно точно работать будет

Спасибо, помогло🤗😙😚

Спасибо, помогло🤗😙😚

Ну вот, а ведь говорил кто-то что дело в сервере...

Не надо слушать глупости

Спасибо, помогло🤗😙😚

Вы это прочитайте выше на всякий случай, про регулярочку, парой сообщений выше

Друзья, может кто сталкивался с проблемой подружить сср и редакс. <script> window.STATE=JSON.stringify(state) </script> " заменяются на ". Может тут ещё и express замешан?

а не проще возвращать модель с сервера и по-человечески прокидывать в стор каким-то экшном?)

а не проще возвращать модель с сервера и по-человечески прокидывать в стор каким-то экшном?)

А как предлагаете? И чем такой подход в принципе плох?

а не проще возвращать модель с сервера и по-человечески прокидывать в стор каким-то экшном?)

Ну смотри, мы отрендирили сервером, а дальше приложение исполняется на клиенте, и надо использовать тот стейт который мы на сервере получили. Я только через window вижу вариант

А как предлагаете? И чем такой подход в принципе плох?

плох тем, что это дичь какая-то =) на крайняк можно window.initModel = someModel (что-то серверное) а на инициализации приложения при рендеринге корневого компонента на DM кинуть экшн который выставит в стейт

плох тем, что это дичь какая-то =) на крайняк можно window.initModel = someModel (что-то серверное) а на инициализации приложения при рендеринге корневого компонента на DM кинуть экшн который выставит в стейт

Вы SSR с редуксом делали? Без обид

Вы SSR с редуксом делали? Без обид

более того у нас .net отдает индекс

и серверные модели

если таковые необходимы

более того у нас .net отдает индекс

И как по оверхеду ?

Так чем плохо делать так как сказано в официальной доке? Для этого как раз createStore и принимает initialState

Не смущает двойная нагрузка ?

плох тем, что это дичь какая-то =) на крайняк можно window.initModel = someModel (что-то серверное) а на инициализации приложения при рендеринге корневого компонента на DM кинуть экшн который выставит в стейт

А это чем то отличается от того что я сказала?

А это чем то отличается от того что я сказала?

Нормальный у вас подход. Это типовое решение. Если конечно хотите странного то тут фантазия безгранична.

Нормальный у вас подход. Это типовое решение. Если конечно хотите странного то тут фантазия безгранична.

Хочу нормально)

У вас нормально

А это чем то отличается от того что я сказала?

меня смущает json.stringify, зачем там строку хранить?)

меня смущает json.stringify, зачем там строку хранить?)

А как ?

Как сеарилизовать стейт то

меня смущает json.stringify, зачем там строку хранить?)

Ну не там конечно. Это для полноты картины и краткости сообщения

Как сеарилизовать стейт то

json.parse? не?

json.parse? не?

Лол

json.parse? не?

Не понял ничего

Ничо не путаешь ?

Ладно, надо погулять как советовали сегодня, а то начну токсить

Ничо не путаешь ?

неа не путаю, json stringify тебе отдаст строку вида "{"test":1}"

неа не путаю, json stringify тебе отдаст строку вида "{"test":1}"

Так она и хочет сериализовать

Так она и хочет сериализовать

ты в стейте будешь строкой оперировать?)

ты в стейте будешь строкой оперировать?)

Ну отдам на клиент строку, там распарсю В чём проблема ?

Ну отдам на клиент строку, там распарсю В чём проблема ?

этож ssr, внутри <scrip> уже js, зачем конвертить в стрингу а потом обратно парсить в json?

не понимаю

может я тупой)

может я тупой)

Походу

Походу

конструктив будет?

этож ssr, внутри <scrip> уже js, зачем конвертить в стрингу а потом обратно парсить в json?

Не надо парсить

конструктив будет?

https://redux.js.org/recipes/server-rendering#inject-initial-component-html-and-state

этож ssr, внутри <scrip> уже js, зачем конвертить в стрингу а потом обратно парсить в json?

Там и будет JSON

может я тупой)

Вы невнимательный