Size: a a a

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

2020 July 14

DS

Dmitry Sidorov in React — русскоговорящее сообщество
В коде вообще не должно быть мутаций? Все функции должны быть чистыми?
источник

RA

Roman Ard in React — русскоговорящее сообщество
Окей, усек
источник

И

Иван in React — русскоговорящее сообщество
Dmitry Sidorov
В коде вообще не должно быть мутаций? Все функции должны быть чистыми?
Нет
источник

RA

Roman Ard in React — русскоговорящее сообщество
Хочу прикрутить сокеты, чтобы данные сразу кидать в санки. Проблема в том, что делаю по гайду, соединение открывается, но данные не приходят. Есть есть у кого пример кода с вс в реакте, скиньте пожалуйста, либо посоветуйте либы, которыми сами пользуетесь. Буду благодарен
источник

a

artalar in React — русскоговорящее сообщество
LEON
Ребят ктонибудь работатал и с тем и другим ?
Styled-jsx vs styled-components

Я хочу взять родной для Next Styled-jsx, так как считаю что он лучше оптимиизирован под Next (не нужно засовывать плагины для SSR, все из коробки)

Есть еще мнение (не мое) что Styled-jsx
1 Не содержит лишних абстракций по сравнению со styled-components
2 Гораздо проще напрямую использовать реквизит в стилях нежеле чем в styled-components

Но комьюнити у Styled-jsx во много раз меньше...не могу найти гриды на нем сделаные

Вопросы:

1 Какие подводные камни если взять родной для Next подход? Чего он не умеет из того что умеет styled-components?
2 Кешурется ли CSSinJS при использовании в SSR режиме?
3 Есть ли готовые гриды под Styled-jsx?

Вот эта штука дико навароченная
https://github.com/STRML/react-grid-layout

Вот это вроде ничего, но не понятно как с Next уживется (SSR поддерживает но требуются танцы с бубнами)
https://github.com/sealninja/react-ssr-example

Есть ли какое то лучшее решение для гридов под Next? И вообще какой подход для CSS луче взять, Styled-jsx vs styled-components?
Пробовал на днях styled-jsx, даже закинул ПР им что бы можно было компоненты как селекторы использовать. Но комунити реально мертвое, как описывать стили по условию - не ясно (никак или крайне не удобно) и вообще по фичам сильно не догоняет до reshadow, так что я, снова, взял последний (reshadow). Там апишка лучше, динамические значения в css-vars автоматом идут и можно подрубить любой компайл-тайм процессинг. Из минусов: экосистемы особо нет или при ее переиспользовании от других решений возникают полемки.
источник

a

artalar in React — русскоговорящее сообщество
источник

O

Olég in React — русскоговорящее сообщество
а можете растолковать джуну в 2 словах, почему все так лютобешено хотят иметь css в js?
источник

O

Oil Field in React — русскоговорящее сообщество
Olég
а можете растолковать джуну в 2 словах, почему все так лютобешено хотят иметь css в js?
Стильно, модно, молодёжно - удобно
источник

DB

Denis Bogdanenko in React — русскоговорящее сообщество
подскажите пожалуйста почему timerID создается через this а не через обычное объявление let?
источник

DB

Denis Bogdanenko in React — русскоговорящее сообщество
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Denis Bogdanenko
подскажите пожалуйста почему timerID создается через this а не через обычное объявление let?
Покажи как через лет?
источник

DB

Denis Bogdanenko in React — русскоговорящее сообщество
Dmitriy Shuleshov
Покажи как через лет?
я просто не понимаю почему переменная создается в первый раз но через this, через let тоже работает
источник

DB

Denis Bogdanenko in React — русскоговорящее сообщество
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Denis Bogdanenko
Как ты понял что работает?
источник

DB

Denis Bogdanenko in React — русскоговорящее сообщество
Dmitriy Shuleshov
Как ты понял что работает?
обновил браузер и таймер обновляется все еще сам
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Denis Bogdanenko
обновил браузер и таймер обновляется все еще сам
Что возвращает сетинтервал и зачем мы это сохраняем куда то?
источник

DB

Denis Bogdanenko in React — русскоговорящее сообщество
Dmitriy Shuleshov
Что возвращает сетинтервал и зачем мы это сохраняем куда то?
по документации учу, там таймер создаем https://ru.reactjs.org/docs/state-and-lifecycle.html
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Не я ж не то спросил. Ты понимаешь как работает сетинтервал?
источник

DB

Denis Bogdanenko in React — русскоговорящее сообщество
Dmitriy Shuleshov
Не я ж не то спросил. Ты понимаешь как работает сетинтервал?
запускает функцию через указанное время до остановки
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Denis Bogdanenko
запускает функцию через указанное время до остановки
Это да. А дальше?

Что возвращает сетинтервал и зачем мы это сохраняем куда то?
источник