@itsjohncena t.me/react_js/317880 — проблема которую я решаю. Вывод стилей в процессе стриминга рендеринга компонент

А скажите пожалуйста, почему убили link state? Слишком магично? В больших формах как правильно делать? Писать свой линкстейт, юзать либы, или вешать на каждое поле свой хэндлер?

я даже не помню нафига он был нужен сетСтейт же нормальная тема

@v_today да нет, а откуда такая мысль?

@itsjohncena сss через isomorphic-style-loader

уверен что этот лоадер поддерживает стриминг?

я - нет

А скажите пожалуйста, почему убили link state? Слишком магично? В больших формах как правильно делать? Писать свой линкстейт, юзать либы, или вешать на каждое поле свой хэндлер?

на каждое поле вешается одинаковый хэндлер, в котором читается имя инпута и значение инпута

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

@v_today а … ну да. Проблма в том что у меня на сервере в перемешку с тегами style выводятся компоненты

Cenator а в чем должна заключатся поддержка? Ну я через контекст отлавливаю изменения стилей, которые происходят при вызове рендера компонент и тут же (до рендеринга) вывожу тег style с ними

@itsjohncena проблема с синхронным блоком в том что либо я вывожу их ПОСЛЕ рендеринга компонент, но тогда у меня будет FOUC — контент без стилей сходу

Cenator а в чем должна заключатся поддержка? Ну я через контекст отлавливаю изменения стилей, которые происходят при вызове рендера компонент и тут же (до рендеринга) вывожу тег style с ними

как я понял на клиенте он все стили сует в head, а у тебя в боди

Как вывести стили до рендеринга не ясно

если можно — было бы круто

Как вывести стили до рендеринга не ясно

res.write

не-не, всмысле собрать сейчас они res.write и выводятся. в момент добавления и как следствие в перемешку с html компонент

проблема в том что они добавляются когда компоненты рендеряться

как их добавить раньше, до рендера компонент — не ясно

можно указывать путь к css конкретном — это частично решит проблему

но есть ещё стили из библиотек

там всё менее очевидно

и главное — тогда придется поддерживать руками список таблиц стилей, которые выводятся

что не ок

так что скорее у меня вопрос — как hydrate заставить игнорировать теги style которые я добавляю

во время стриминга

наверное лоадер не поддерживает стриминг

видео есть ?

вроде, не снимали на видео митап

Cenator в чем должна заключаться «поддержка»?

Ребят, всем привет! Появилась проблема, как сделать так, если у меня отработала в компоненте определенная функция и если там по 1 значению true, то перекинуть на другую страницу? Я делаю авторизацию и нужно как-то после проверки данных перекинуть на главную страницу, либо оставить на логине

меняй window.location

на каждое поле вешается одинаковый хэндлер, в котором читается имя инпута и значение инпута

Ну, это фактически и есть же линкстейт, только самописный, правильно?

Ну, это фактически и есть же линкстейт, только самописный, правильно?

Тока получше, т.к. мотивирует инпутам имя задавать

Тока получше, т.к. мотивирует инпутам имя задавать

Спасибо!

Cenator в чем должна заключаться «поддержка»?

styled-components на клиенте разруливает теги из body обратно в head

isl так не может наверное

ребят, всем хай, такой вопрос, как правильно это реализовать ? есть компонент страницы, на которой грузяться асинхронные данные ,так вот, я хочу написать hoc, который принимает эту страницу, берет из нее пропс (массив флагов асинхронной подгрузки данных), и когда все флаги будут true, только тогда рендерить эту страницу, а до этого показывать лоадер ?

как описал так и реализуй

ребят, всем хай, такой вопрос, как правильно это реализовать ? есть компонент страницы, на которой грузяться асинхронные данные ,так вот, я хочу написать hoc, который принимает эту страницу, берет из нее пропс (массив флагов асинхронной подгрузки данных), и когда все флаги будут true, только тогда рендерить эту страницу, а до этого показывать лоадер ?

Promise.all

Больше хоков

аппликативы)

Вообще props.render приятней

как описал так и реализуй

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

он undefined

чот запутался

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

Эээээ

?

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

compose(connect(), yourHOC)(Cmp) yourHOC будет видеть пропсы из коннекта

Пропсы которые ты передаешь в компонент обернутых хоком

В начале попадут в хок же

А что мешает коннект в хоке сделать ? ?

А что мешает коннект в хоке сделать ? ?

смотри, хок нез нает какие именнно должны быть флаги

т.е он принимает компонент, в котором я выставляю эти флаги

compose(connect(), yourHOC)(Cmp) yourHOC будет видеть пропсы из коннекта

рекомпоуза нет, без него так будет ? yourHOC(connect()(Cmp)) ?

вот так не работает

> styled-components и при SSR?!

> styled-components и при SSR?!

в чем проблема?

> styled-components и при SSR?!

ну да

> styled-components и при SSR?!

там же babel-plugin есть

рекомпоуза нет, без него так будет ? yourHOC(connect()(Cmp)) ?

compose это обычная композиция функций, к рекомпосу отношения не имеет, возьми из рамды, лодаша, редакса (он тоже экспортит)

рекомпоуза нет, без него так будет ? yourHOC(connect()(Cmp)) ?

и наоборот

там же babel-plugin есть

да можно и без него

const compose = (f, g) => x => f(g(x))

conse compose (...fs) => x => fs.reduceRight((x, f) => f(x), x);

дада, это понятно. а в хоке доступ к пропсам чалйда получать можно ?

я аж потерял слова

дада, это понятно. а в хоке доступ к пропсам чалйда получать можно ?

а откуда они там должны появиться? ?

откуда в компонент приходят пропсы? Из компонента, который создается connect если между твоим компонентом и компонентом от коннекта будет еще один компонент, то он очевидно будет иметь доступ к пропсам

дада, это понятно. а в хоке доступ к пропсам чалйда получать можно ?

Они уже в хоке, когда ты вызываешь компонент в jsx обернутых хоком

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

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

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

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

так да, я же тебе скинул порядок

дадада

пасиба чувак

compose(connect(), your)

не compose(your, connect())

❤️

если бэк возвращает 401 код при неудачной авторизации, можно ли как-то предотвратить показ дефотлного модального окна с логином и паролем?

если бэк возвращает 401 код при неудачной авторизации, можно ли как-то предотвратить показ дефотлного модального окна с логином и паролем?

это вопрос с подвохом?

в целом без)

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

если вы работаетет черед рест то тут все просто, у вас есть единый интерфейс, где есть код статус

в сторе или в стейтах есть флаг, displayAuthModal = false

Ребята, правльно ли я понимаю, что сначала сделать вёрстку, а потом перенатягивать её на реакт - это извращение и лучше сразу "верстать" в компонентах реакта?

в сторе или в стейтах есть флаг, displayAuthModal = false

видимо не все так просто

если пришел 200/401, то вы с стейте или в сторе меняете этот флаг на true/false

а реакт сам уже допертрит, надо отображать или нет

суть в том что при 401 коде апи хрома само показывает эту модалку

суть в том что при 401 коде апи хрома само показывает эту модалку

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

я тоже пока на таком решение отстановился)

суть в том что при 401 коде апи хрома само показывает эту модалку

Да не

Не показывает

Это если basic auth

проверял?

проверял?

Да

Ребята, правльно ли я понимаю, что сначала сделать вёрстку, а потом перенатягивать её на реакт - это извращение и лучше сразу "верстать" в компонентах реакта?

Лучше конечно так. А если использовать styled-component то верстать вне реакта вообще нет смысла.

sc+storybook и вообще лафа

Sc не удобен когда переносишь макет из фш