Мне каж если разраб знает реакт, то он не джун уже

лезть в реакт с нулевыми знаниями js такое себе

Никаких проблем, если html знаешь.

лезть в реакт с нулевыми знаниями js такое себе

Я почти это и имел ввиду

Хотя я не знаю жс и пишу на вью

Хотя я не знаю жс и пишу на вью

пыхеры также говорят

Никогда не общался с пыхером

Они вообще существуют?)

Я бы сильно рекомендовал с php начинать. Сильно мозги чистит

Я бы сильно рекомендовал с php начинать. Сильно мозги чистит

Лооооол

Я бы сильно рекомендовал с php начинать. Сильно мозги чистит

Подчистую?)

Никаких проблем, если html знаешь.

Я видел крутых верстальщиков на Реакте - классные люди, всем бы таких

Лично я хтмл кодер

Он же не полный по Тьюрингу ?

Современная молодеж не знает разницу между кодером и программистом?

Дай попридераться

Я бы сильно рекомендовал с php начинать. Сильно мозги чистит

Сильно мозги чистить приходится после. Основано на личном опыте.

Сильно мозги чистить приходится после. Основано на личном опыте.

+

Так в том и дело что можно сравнить два совершенно разных мира.

Не зная разницы можно начать jquerить на реакте ?

Не зная разницы можно начать jquerить на реакте ?

Как будто это плохо.

О! Люди забывают что можно jquerить на реакте.

Вот ты недавно начинал SSR изучать. Есть сдвиги?

Вот ты недавно начинал SSR изучать. Есть сдвиги?

Я не начинал его изучать)

Поспрашивал. Вправил модель в голове, разочаровался в людях, пошёл дальше.

В общем задачка на собеседовании: 1. У вас реакт с сервер сайдом 2. Клиент получает весь код в уже готовом виде 3. Но должен загрузить JS 4. И подменить статический HTML с сервера “живым” Реактом 5. Как это сделать?

О! Люди забывают что можно jquerить на реакте.

и правильно делают, что забывают. Натив всему голова

В общем задачка на собеседовании: 1. У вас реакт с сервер сайдом 2. Клиент получает весь код в уже готовом виде 3. Но должен загрузить JS 4. И подменить статический HTML с сервера “живым” Реактом 5. Как это сделать?

клиент получает запеченную html, а не весь код

В общем задачка на собеседовании: 1. У вас реакт с сервер сайдом 2. Клиент получает весь код в уже готовом виде 3. Но должен загрузить JS 4. И подменить статический HTML с сервера “живым” Реактом 5. Как это сделать?

Я пока костылю, хочу сделать нормальный ssr, где у тебя содержимое не только от урла зависит.

К примеру, чтобы переключалка в виджете календаря работала.

и правильно делают, что забывают. Натив всему голова

вообще с домом работать по возможности не стоит, типа не реакт подход

клиент получает запеченную html, а не весь код

html код. Потом на него hydrate и дело в шляпе. Но что делать если code splitting?

html код. Потом на него hydrate и дело в шляпе. Но что делать если code splitting?

я юзаю nextjs и пока хватает

я точно знаю, что если клиент отключит js то страница у него отобразится

Ок, могу расказать как next.js работает - он будет ждать пока все использованные чанки загрузятся, и после этого только “проснется”, до этого статика

Ок, могу расказать как next.js работает - он будет ждать пока все использованные чанки загрузятся, и после этого только “проснется”, до этого статика

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

Ок, могу расказать как next.js работает - он будет ждать пока все использованные чанки загрузятся, и после этого только “проснется”, до этого статика

у тебя в бандле и так все чанки

точнее в сборке

только банд на сервере.

Смысл SSR что в начале прилетает HTML на пару килобайт, который можно показать клиенту, а потом долетают пару мегабайт js

Смысл SSR что в начале прилетает HTML на пару килобайт, который можно показать клиенту, а потом долетают пару мегабайт js

В случае с клиентом смысл ssr в том что ты грузишь данные на сервере и не паришь клиента лоудерам при запуске веб приложения. А если не для клиента то в нормальном индексировании поисковиками.

Хм... А ssr сейчас может работать для части приложения?

вот тут есть проблема “двойного опеределения данных”. Часто вижу крутые сайты с модным SSR, где сайт сайт - 1кб, и оооооогрооооменнный redux state в конце body.

Т.е. пока чанк грузится его часть генерится на сервере.

вот тут есть проблема “двойного опеределения данных”. Часто вижу крутые сайты с модным SSR, где сайт сайт - 1кб, и оооооогрооооменнный redux state в конце body.

Ну да. Зато stateless)

Т.е. пока чанк грузится его часть генерится на сервере.

оно всегда потоково генерится, а ты вообще suspense описываешь ?

оно всегда потоково генерится, а ты вообще suspense описываешь ?

Не понимаю тебя.

Хм... А ssr сейчас может работать для части приложения?

Не пробовал, но в целом не вижу никаких ограничений, зависит от твоего серверного кода.

я точно знаю, что если клиент отключит js то страница у него отобразится

все еще ищем клиентов без js ;)

Не понимаю тебя.

https://youtu.be/z-6JC0_cOns?t=15m47s

https://youtu.be/z-6JC0_cOns?t=15m47s

async рендеринг никак не связан по сути с кодсплиттингом и ssr

вот тут есть проблема “двойного опеределения данных”. Часто вижу крутые сайты с модным SSR, где сайт сайт - 1кб, и оооооогрооооменнный redux state в конце body.

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

async рендеринг никак не связан по сути с кодсплиттингом и ssr

Там про server-side suspence

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

Чтобы отрисовать те же данные, которые уже отрисовал на сервере

Там про server-side suspence

А нафига это на сервере? Там же не требуется быстрый отклик интерфейса и прочая шелуха, которая нужна на клиете.

Видео 10 минут всего, посмотри

Чтобы отрисовать те же данные, которые уже отрисовал на сервере

Ну, нормальное решение, нет? Можно ещё сжимать стейт и бинарную строку на клиент слать.

Проблема в том что suspense позволяет писать код в “том же” стиле, что и на клиенте

Только попробуй отрисовать так, чтобы картинка не сошлась - оно взорвется

Только попробуй отрисовать так, чтобы картинка не сошлась - оно взорвется

А как выходит что не сходится?

Эта чтука сейчас тупая - оно нумерует ноды, и прям по порядку “перецепляет” в реакт. Если реакт где-то отредерил как-то по другому - все, все умерло.

Эта чтука сейчас тупая - оно нумерует ноды, и прям по порядку “перецепляет” в реакт. Если реакт где-то отредерил как-то по другому - все, все умерло.

Какая штука? hydrate?

Или suspense?

С датами легко, 1 секунд назад и “только что” могут разную верстку произвести.

Эта чтука сейчас тупая - оно нумерует ноды, и прям по порядку “перецепляет” в реакт. Если реакт где-то отредерил как-то по другому - все, все умерло.

Один раз за все время вылезла проблема со styled при SSR, 2 минуты в гугле решили

ERROR: S client not available

Какая штука? hydrate?

hydrate.

Один раз за все время вылезла проблема со styled при SSR, 2 минуты в гугле решили

react-media-query - просто смерть для SSR

react-media-query - просто смерть для SSR

Вполне может быть, но сам ssr тут не причем, просто либа не заточена под него

тут просто легко не угадать с таргет девайсом

А реакт умеет выдавать дельту вёрстки?

Или при ssr не парятся и отсылают всё срендеренное.

Частное мнение: ssr — говно без нормальных практик и с огромными проблемами чуть что не так

напомните либу которая позволяет быстро пилить автокомплиты

тут просто легко не угадать с таргет девайсом

Я бы просто не рендерил девайс специфик компоненты на сервере

напомните либу которая позволяет быстро пилить автокомплиты

downshift?

да, спасибо

react-select 2?

Смысл SSR что в начале прилетает HTML на пару килобайт, который можно показать клиенту, а потом долетают пару мегабайт js

Lol,

С датами легко, 1 секунд назад и “только что” могут разную верстку произвести.

в 16 реакте контент может отличаться и ничего не взорвется

только пропсы и разметка должны совпадать

Смысл SSR что в начале прилетает HTML на пару килобайт, который можно показать клиенту, а потом долетают пару мегабайт js

Абсолютно неверно)))))

Как же так ?‍♂️

В случае с клиентом смысл ssr в том что ты грузишь данные на сервере и не паришь клиента лоудерам при запуске веб приложения. А если не для клиента то в нормальном индексировании поисковиками.

Вот

Это сайдэффект. Минорный

в 16 реакте контент может отличаться и ничего не взорвется

можно даже заранее при билде рендерить пустые шаблоны если не важно seo

А это, кстати, отличная идея.

Есть кстати другой отличный вопрос связанный с ssr, как вешать колбэк на модалку которая была открыта при ssr. (Пример: попап для авторизации) Пока единственное что пришло в голову, это генерить уникальный ID для каждой модалки, класть его в стор и слушать все это дело в каком-нибудь стриме. Но не покидает ощущение что можно проще.

Есть кстати другой отличный вопрос связанный с ssr, как вешать колбэк на модалку которая была открыта при ssr. (Пример: попап для авторизации) Пока единственное что пришло в голову, это генерить уникальный ID для каждой модалки, класть его в стор и слушать все это дело в каком-нибудь стриме. Но не покидает ощущение что можно проще.

Ну или не открывать модалки при ssr)

Есть кстати другой отличный вопрос связанный с ssr, как вешать колбэк на модалку которая была открыта при ssr. (Пример: попап для авторизации) Пока единственное что пришло в голову, это генерить уникальный ID для каждой модалки, класть его в стор и слушать все это дело в каком-нибудь стриме. Но не покидает ощущение что можно проще.

Но как SSR узнал что она открыта?

Есть кстати другой отличный вопрос связанный с ssr, как вешать колбэк на модалку которая была открыта при ssr. (Пример: попап для авторизации) Пока единственное что пришло в голову, это генерить уникальный ID для каждой модалки, класть его в стор и слушать все это дело в каком-нибудь стриме. Но не покидает ощущение что можно проще.

еще в url можно забить :) типа ?show_modal=1

Вот как-то так и узнал. Если он знает - то и ты знаешь.

Но как SSR узнал что она открыта?

У меня очередь модалок лежит в сторе

Я то знаю что она открыта, колбэк надо на нее зацепить

еще в url можно забить :) типа ?show_modal=1

норм решение кста

Я то знаю что она открыта, колбэк надо на нее зацепить

Для чего колбек?

Что он делает?

Что он делает?

Конкретно в моем случае, происходит принятие звонка (webrtc)