ну, если только смотреть как пример реализации SSR

Ну я другого и не предлагаю

есть какие-то Best practice?

ну, если только смотреть как пример реализации SSR

Организация проекта с этими реквайр контекст форич канеш полный мрак :)

А к next.js нельзя прикрутить react-router?

Лооооол

Ну почитай доку хоть 5 минут

Там все описано

Там все описано

Я в их роутах не могу разобраться со вложеностью, мне на каждую страницу делать отдельный файл? и повторно импортировать все компоненты и один изменять к примеру, это нормально?

Ничего ипортировать не нужно

Почитай про pages в доке

@ZeroBias а как ты организовываешь, еффекты и стейт если фича, большая, но особо не разобьешь ее ?

А они все большие. Я за прагматизм, пилить как есть, потом пересмотреть как можно упростить

Почему только после сборки эта ошибка? [1] /Users/xyz/react_webpack_starter/src/index.js:23 [1] ), document.getElementById('app')); [1] ^ [1] [1] ReferenceError: document is not defined [1] at Object.<anonymous> (/Users/xyz/react_webpack_starter/src/index.js:10:4)

потому что на сервере нет document

на сервере нужен свой app.js

на сервере нужен свой app.js

копию сайта для сервера? что-то не врубаюсь в ssr

копию сайта для сервера? что-то не врубаюсь в ssr

эх

не сайта

а корня

у тебя есть app.js где лежит подключение к getElementById

тебе нужен аналогичный, но для серверных дел

где будет renderToStatic

и т.д.

где будет renderToStatic

может есть где простой пример?

может есть где простой пример?

на сайте реакта

https://reactjs.org/docs/react-dom-server.html#rendertostring

Как такое лучше сделать: есть контейнер Articles. И роуты в проекте: /articles и /articles/:id И нужно контейнер Articles выводить и при первом и при втором роуте Роутер 3 версии <Route path="articles" component={Articles}> <Route path="/:id" component={Articles} /> </Route> Так норм будет, или можно попроще это сделать? Вот так наверное правильнее: <Route path="articles" component={Articles} /> <Route path="articles/:id" component={Articles} />

Как такое лучше сделать: есть контейнер Articles. И роуты в проекте: /articles и /articles/:id И нужно контейнер Articles выводить и при первом и при втором роуте Роутер 3 версии <Route path="articles" component={Articles}> <Route path="/:id" component={Articles} /> </Route> Так норм будет, или можно попроще это сделать? Вот так наверное правильнее: <Route path="articles" component={Articles} /> <Route path="articles/:id" component={Articles} />

так не будет работать

Как такое лучше сделать: есть контейнер Articles. И роуты в проекте: /articles и /articles/:id И нужно контейнер Articles выводить и при первом и при втором роуте Роутер 3 версии <Route path="articles" component={Articles}> <Route path="/:id" component={Articles} /> </Route> Так норм будет, или можно попроще это сделать? Вот так наверное правильнее: <Route path="articles" component={Articles} /> <Route path="articles/:id" component={Articles} />

второй вариант правильнее конечно

Во втором случае id будет доступен в params в обьекте match

Если я не ошибаюсь

Во втором случае id будет доступен в params в обьекте match

а первый вообще работать не будет

Во втором случае id будет доступен в params в обьекте match

props.params.patch.id да

тебе нужен аналогичный, но для серверных дел

я же его импоритрую, что не так? import App from '../src/index.js' вот репа https://github.com/gHashTag/react_webpack_starter/blob/8dae38a0786e0c39e74730adbea755aefb07a4ba/server/index.js#L20

переведи текст, который разработчики для тебя написали

я же его импоритрую, что не так? import App from '../src/index.js' вот репа https://github.com/gHashTag/react_webpack_starter/blob/8dae38a0786e0c39e74730adbea755aefb07a4ba/server/index.js#L20

ты заимпортил index а надо было src/app

props.params.patch.id да

ок, а как мне потом разруливать, когда я нажимаю кнопку 'Назад'. У меня в компоненте Articles идет запрос на получение данных из апи. Откуда мне лучше дергать запрос?

ок, а как мне потом разруливать, когда я нажимаю кнопку 'Назад'. У меня в компоненте Articles идет запрос на получение данных из апи. Откуда мне лучше дергать запрос?

componentDidMount ?

componentDidMount ?

он же один раз отработает, при смене роута тот же самый компонент остается монтированным

Разве?

Делал приложение с разными роутами под новости и профиль, перемещения по ним заставляли их заново загружать содержимое

переведи текст, который разработчики для тебя написали

перевел

перевел

П Е Р Е В Е Д И

перевел

подумай

делал по другому и понял что ему файл, где подключение с reactDOM нужен. иначе эта ошибка Invariant Violation: Browser history needs a DOM

как включить подсветку агрумента ? Что то нету у меня

делал по другому и понял что ему файл, где подключение с reactDOM нужен. иначе эта ошибка Invariant Violation: Browser history needs a DOM

нет

делал по другому и понял что ему файл, где подключение с reactDOM нужен. иначе эта ошибка Invariant Violation: Browser history needs a DOM

убираешь history

<BrowserRouter> и заменяешь на <MemoryRouter>

как включить подсветку агрумента ? Что то нету у меня

webstorm

webstorm

бля кеп

у меня он не светит

бля кеп

@ide_ru

подумай

подумал. у меня state[0].routing. теперь бы узнать почему

подумал. у меня state[0].routing. теперь бы узнать почему

понятия не имею о чем ты

я не телепат и твоего кода не видел

тоже самое

Router должен быть в src/index и собственно свои для серверной свой роутер

Выпилить надо из App Router

чувак

ну не работает Browser router на сервере

значит нельзя его там юзать

ну не работает Browser router на сервере

вот оно что) попробую

Господа. А как можно посмотреть исходники подключаемых модулей средствами IDE (webstorm)? Есть какой-нибудь вариант?

Господа. А как можно посмотреть исходники подключаемых модулей средствами IDE (webstorm)? Есть какой-нибудь вариант?

ctrl + click

Ctrl зажимаешь и на название модуля щелкаешь.

Ctrl зажимаешь и на название модуля щелкаешь.

У меня показывает скомпилированную версию.

Транспилированную*

Es5, короче

Господа. А как можно посмотреть исходники подключаемых модулей средствами IDE (webstorm)? Есть какой-нибудь вариант?

путешествуй по хлебным крошкам

У меня показывает скомпилированную версию.

выше обычно присутствуют исходники

У меня показывает скомпилированную версию.

ну значит никак, если в комплект исходники не идут

Выпилить надо из App Router

Заработало. 3 недели с SSR тупил) огромный респект вам ??

ну значит никак, если в комплект исходники не идут

И это до сих пор никто никак не решил?

И это до сих пор никто никак не решил?

а надо?

а надо?

Ну как-то неудобно на гитхаб каждый раз лезть.

ну увы

в package.json нет для ИСХОДНИКОВ никакой пометки

маппингов тоже нет

как показывать исходники, если ткнул в конкретный файл?

который вообще появляется во время сборки?

Кстати а почему .map не подгружаются если они есть?

а надо?

youtrack.jetbrains.com Вперёд

Ну как-то неудобно на гитхаб каждый раз лезть.

А так бы тебе каждый раз вместе с собранным модулем, который стабильно и быстро работает во всех окружениях (ну должен) приезжали бы ещё исходники размером в х раз больше собранной версии чисто шобы по гитхабу не лазить. Слишком редкий кейс для реальной проблемы

Как можно определить является ли компонент страницей? Если компонент доступен по url и может обрабатывать параметры react-router-а, тогда он - страница?

Как можно определить является ли компонент страницей? Если компонент доступен по url и может обрабатывать параметры react-router-а, тогда он - страница?

если компонент втыкается в роутер, он страница

Спасибо.

Спамер?