Size: a a a

React — русскоговорящее сообщество

2021 January 28

KK

Kirill Kulikov in React — русскоговорящее сообщество
Kirill
если что то сложнее, то стоит сделать HOC, где описать переменные с размерами экрана. типо isDesktopScreen, передавать в компонент и там уже юзать
я пробовал react-responsive, проблема в том, что у меня next ssr и постоянно ошибка вылетает что  дом на клиенте и на сервере отличаются.
источник

V

Vlad in React — русскоговорящее сообщество
Kirill Kulikov
я пробовал react-responsive, проблема в том, что у меня next ssr и постоянно ошибка вылетает что  дом на клиенте и на сервере отличаются.
Используй цсс и медиа запросы
источник

K

Kirill in React — русскоговорящее сообщество
Kirill Kulikov
я пробовал react-responsive, проблема в том, что у меня next ssr и постоянно ошибка вылетает что  дом на клиенте и на сервере отличаются.
да, это проблема. Тогда надо либо выключать ssr на компоненте, что не очень гуд либо проверять наличие обьекта window
источник

KK

Kirill Kulikov in React — русскоговорящее сообщество
Vlad
Используй цсс и медиа запросы
в моем случае не прокатит
источник

KK

Kirill Kulikov in React — русскоговорящее сообщество
Kirill
да, это проблема. Тогда надо либо выключать ssr на компоненте, что не очень гуд либо проверять наличие обьекта window
спасибо, про второй вариант почитаю
источник

K

Kirill in React — русскоговорящее сообщество
сам когда то работал с next, боль еще та
источник

K

Kirill in React — русскоговорящее сообщество
там, по сути все взаимодействие в разметкой на этой проверке базируеться
источник

KK

Kirill Kulikov in React — русскоговорящее сообщество
Kirill
там, по сути все взаимодействие в разметкой на этой проверке базируеться
а где можно пример посмотреть, как и где проверку эту делать? мб остались ссылки которые помогли тебе при решении подобных проблем
источник

PM

Pavel Mellonges® in React — русскоговорящее сообщество
Всем привет, кто-нибудь знает/может подсказать каналы в дискорде на тему JS?
источник

K

Kirill in React — русскоговорящее сообщество
Kirill Kulikov
а где можно пример посмотреть, как и где проверку эту делать? мб остались ссылки которые помогли тебе при решении подобных проблем
ссылок нет, давно работал, но помню что при такой проверке главное твое оружие - это componentDidMount
источник

K

Kirill in React — русскоговорящее сообщество
думаю, не надо обьяснять почему
источник

KK

Kirill Kulikov in React — русскоговорящее сообщество
Kirill
думаю, не надо обьяснять почему
да, спасибо
источник

N

Nikolay in React — русскоговорящее сообщество
Kirill Kulikov
а где можно пример посмотреть, как и где проверку эту делать? мб остались ссылки которые помогли тебе при решении подобных проблем
если классы, то componentDidMount, если функциональные, useLayoutEffect, но это опасная дорожка для очень пограничных кейсов
источник

KK

Kirill Kulikov in React — русскоговорящее сообщество
Nikolay
если классы, то componentDidMount, если функциональные, useLayoutEffect, но это опасная дорожка для очень пограничных кейсов
походу в ssr количество этих кейсов возратает
источник

N

Nikolay in React — русскоговорящее сообщество
мне таким путем приходилось надстраивать функционал над другой библиотекой, не особо относящейся к реакт.
источник

N

Nikolay in React — русскоговорящее сообщество
Kirill Kulikov
походу в ssr количество этих кейсов возратает
ты мне кажется делаешь что-то не то)
и можно решить проще)

ни дидманкт ни лэйаут эффект с сср не помогут, напиши плз кейс в ЛС, если не сложно
источник

K

Kirill in React — русскоговорящее сообщество
Nikolay
если классы, то componentDidMount, если функциональные, useLayoutEffect, но это опасная дорожка для очень пограничных кейсов
функциональные - это вроде useEffect без зависимостей
источник

N

Nikolay in React — русскоговорящее сообщество
сейчас обедать иду, сразу после посмотрю подумаю
источник

N

Nikolay in React — русскоговорящее сообщество
Kirill
функциональные - это вроде useEffect без зависимостей
если речь идет о готовности дом, это useLayoutEffect
а если о готовности компонента, то useEffect
источник

KK

Kirill Kulikov in React — русскоговорящее сообщество
Nikolay
сейчас обедать иду, сразу после посмотрю подумаю
хорошо, я напишу пару моментов в личку, подскажешь лучший подход)
источник