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 автоматом идут и можно подрубить любой компайл-тайм процессинг. Из минусов: экосистемы особо нет или при ее переиспользовании от других решений возникают полемки.
Обсуждают сегодня