react perf?

Ещё варианты?

Привет, ребят

Может кто знает как получить размеры экрана пользователя в react?

Хочу получить размеры и засунуть это дело в константу, после отдавать пользователю нужный компонент

просто через жс наверное

window.innerWidth/window.innerHeight?

Не работает

componentDidMount

Так как пишу через react starter kit

Это вьюпорт

Размеры экрана в screen

Скрин не берет

всмысле не берет?

Что там за код?

и причем тут вообще реакт?

и это самое, размеры экрана всегда могут измениться

В общем, как мне коллеги объяснили, один код для клиента и сервера

смена разрешения, перетащили на другой монитор окно, повернули телефон

ясно

на ноде не получишь размеры экрана)

пихай в componentDidMount и там будет тебе разрешение на клиенте

Вот и вопрос собственно, как все же получить

через libastral

Можно подробнее?

блин

никак

у тебя код на сервере работает

откуда он знает что там за монитор у человека

Получается, единственный вариант, это использовать стили с media()

если правильно поставить вопрос, то возможно

ты что делать то хочешь в итоге?

Может кто знает как получить размеры экрана пользователя в react?

ты можешь чекать browserAgent

и по этому делать вывод мобила или десктоп

На мобилках отдавать компонент с текстом, на планшетах - таблицу

и можно использовать стили с media, да

ты можешь чекать browserAgent

Попробую

Да все так и делается по сути

Через media ты имеешь ввиду?

нет через детект мобилок

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

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

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

Вы держите action creator’ы в одном файле с reducer’aми? нет – 21 ??????? 58% да – 8 ??? 22% что, простите? – 7 ?? 19% ? 36 people voted so far.

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

понял по media

Вы держите action creator’ы в одном файле с reducer’aми? нет – 21 ??????? 58% да – 8 ??? 22% что, простите? – 7 ?? 19% ? 36 people voted so far.

А почему нет, удобно же? Есть какие-то случаи когда это мешает?

понял по media

ну у нас просто привязка идет к точкам ширины, т.к. через css это не решить

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

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

через цсс клиентской части это решается

потому что логика разная))

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

отображаются разные компоненты

отображаются разные компоненты

а у компонента есть класснейм?

файл большой получится

А почему нет, удобно же? Есть какие-то случаи когда это мешает?

да просто как только проект станет чуть больше, чем маленьким, удобство пропадёт

да просто как только проект станет чуть больше, чем маленьким, удобство пропадёт

Когда будут экшены которые затрагивают несколько редьюсеров?

Это тоже

а у компонента есть класснейм?

Есть, но компоненты с разной логикой

Это тоже

А ещё что?

Там даже роутинг разный

Есть, но компоненты с разной логикой

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

если просто скрывается что-то, то цсс

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

там не только скрытие элементов и сетка

ERROR: S client not available

ты имеешь в виду реакт нейтив?

нет

просто на клиенте слушаем onresize

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

но изначальный стейт задает сервер через агента

Там даже роутинг разный

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

ну и так можно

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

ой, ответил не туда, ссорри

если никто не будет крутить телефон, то брекпоинт будет один

А ещё что?

выше написал

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

Ок, понял. Но вы держите экшены в отдельном файле в той же папке?

Ок, понял. Но вы держите экшены в отдельном файле в той же папке?

Пробовал и так и так, есть минусы и у того и у другого, и пока не могу определиться, что всё-таки удобнее :/

хотя склоняюсь кое к чему

Пробовал и так и так, есть минусы и у того и у другого, и пока не могу определиться, что всё-таки удобнее :/

Я всегда имел отдельную папку под все экшены, но смотрю на один бойлерплейт, и вроде кажется удобно: https://github.com/bartonhammond/snowflake/tree/master/src/reducers/auth

Я всегда имел отдельную папку под все экшены, но смотрю на один бойлерплейт, и вроде кажется удобно: https://github.com/bartonhammond/snowflake/tree/master/src/reducers/auth

нуууу как-то authActions.js внутри папки reducers уже не особо

нуууу как-то authActions.js внутри папки reducers уже не особо

Согласен

Есть даже методология Ducks

Получается, единственный вариант, это использовать стили с media()

Ну так поставь исключения в коде для сервера. А потом на клиенте от все равно выполнится Типа как-то так: if (__CLIENT__) {}

Мы используем, удобно, особенно если проект большой

Есть даже методология Ducks

Вот это? https://github.com/erikras/ducks-modular-redux

да

Оффтоп Кто знает, есть ли в телеграме чат, где заказчики ищут исполнителей, дизайнеров там и программистов)

Оффтоп Кто знает, есть ли в телеграме чат, где заказчики ищут исполнителей, дизайнеров там и программистов)

В закрепленном чате ищут программитсов, например.

Дай пожалуйста ссылку)

Дай пожалуйста ссылку)

@javascript_jobs

ребят

почему даже на это ругается

Оффтоп Кто знает, есть ли в телеграме чат, где заказчики ищут исполнителей, дизайнеров там и программистов)

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

А еще, как пользоваться поиском в телеграме?

class Article extends React.Component{ render(){ return( <h2>{this.props.title}</h2> <p> {this.props.body} </p> <p> {this.props.author} </p> ); } }

class Article extends React.Component{ render(){ return( <h2>{this.props.title}</h2> <p> {this.props.body} </p> <p> {this.props.author} </p> ); } }

jsfiddle давай

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

Лол, а почему на битриксе?