Stitches закрыт — да здравствует StyleX

История фронтенда хорошо показывает, что инструменты редко исчезают мгновенно. Чаще они проходят понятный цикл: сначала решают конкретную проблему и быстро набирают популярность, потом становятся привычной частью стека, а со временем уступают место следующему подходу. Примерно так развивается и CSS-in-JS. Когда он появился, это выглядело логичным шагом: стили рядом с компонентами, темы, токены и удобная интеграция с React. Со временем стало ясно, что у этой модели есть и ограничения — стили генерируются в рантайме, усложняется SSR, а в больших приложениях начинают накапливаться накладные расходы. Появились попытки сделать CSS-in-JS легче и быстрее. Одной из них стал Stitches: он сохранил удобный DX и заметно сократил рантайм. Но развитие проекта остановилось, а требования к фронтенду продолжают расти. Поэтому всё чаще обсуждают другой подход — перенос генерации стилей на этап сборки. В этой логике и появился StyleX.

https://habr.com/ru/articles/1008446/

#вебразработка #стайлинг #фронтенд #библиотеки #стилизация #styledcomponents #css #sass #css_modules

Styled-components maintenance mode: A 40% faster fork

https://www.sanity.io/blog/cut-styled-components-into-pieces-this-is-our-last-resort

#HackerNews #StyledComponents #MaintenanceMode #FasterFork #SanityBlog #WebDevelopment #ReactJS

Creating a user interface with React is a pleasure for many developers, but ensuring those interfaces are both visually appealing and easy to maintain can be a bit tricky. That's where Styled-Components comes into play.

Read Full Article here:
https://programmingly.dev/how-to-use-styled-components-for-elegant-react-ui-design/

#dynamicstylingwithprops #styledcomponents #styledcomponentswithtailwindcss #themingwithstyledcomponents #usingstyledcomponents

I’m not a massive fan of #StyledComponents, especially in React land when the dev tools is ‘div’ all the way down.

Maybe I’m not using it right, what’s a good example of styled in a #React app?

Anyone know of a library like Styled-Components (React), but lets you use SASS (Not SCSS!) or Stylus style syntax so you can use meaningful whitespace instead of semicolons?

#webDev #react #styledComponents #sass #emotion

Josh Comeau talking about making Server Components beautiful.

What a rush! I had no idea how styled components worked!!!

#ReactParis #styledComponents

Как мы отказались от styled-components в React Native приложениях

Styled-components является стандартом написания стилей для многих команд, которые разрабатывают приложения на React Native. Но мы не всегда задумываемся, зачем мы тащим это в продукт и какую выгоду получим. А что если от styled-components больше вреда, чем пользы? Я поделюсь нашим опытом в Профи и попробуем разобраться вместе.

https://habr.com/ru/articles/775476/

#styledcomponents #reactnative #restyle #tailwind #stylesheet

There is some serious #bug in #styledcomponents v6 regarding #pseudo #elements in #css styles...

https://github.com/styled-components/styled-components/issues/4170

Please share and maybe comment in the bug ticket.

💾 React95
@React95lib
A React components library with Win95 UI
#react #styledcomponents #storybook #designsystem #windows95 #webdev

https://react95.github.io/React95/