Перейти к основному содержимому

Подход CSS-in-JS

Библиотеки для написания CSS в JavaScript-коде.

Показатели с течением времени

Compare Data
Процент удовлетворённости, заинтересованности, использования, узнаваемости.
Styled Components
JSS
Styled JSX
Emotion
CSS Modules
Styled System
Stitches
Fela
Linaria
Astroturf
Twin
Theme UI
vanilla-extract
Windi CSS

Не учитываются технологии с узнаваемостью менее 10%. Каждое соотношение определяется следующим образом:

  • Удовлетворённость: сравнение ответов Буду использовать снова и Больше не буду использовать.
  • Заинтересованность: сравнение ответов Хочу изучить и Не интересно.
  • Использование: сравнение ответов Буду использовать снова/Больше не буду использовать с общим количеством.
  • Узнаваемость: разница между количеством ответов за узнаваемость и количеством ответов за вариант ответа Впервые слышу.

Рейтинги с течением времени

Compare Data
Процент удовлетворённости, заинтересованности, использования, узнаваемости.

Не учитываются технологии с узнаваемостью менее 10%. Каждое соотношение определяется следующим образом:

  • Удовлетворённость: сравнение ответов Буду использовать снова и Больше не буду использовать.
  • Заинтересованность: сравнение ответов Хочу изучить и Не интересно.
  • Использование: сравнение ответов Буду использовать снова/Больше не буду использовать с общим количеством.
  • Узнаваемость: разница между количеством ответов за узнаваемость и количеством ответов за вариант ответа Впервые слышу.

Опыт работы

Анализ ответов по исследуемым технологиям в сравнении с предыдущим годом.
Буду ещё использовать
Не буду больше использовать
Интересно
Не интересно
Впервые слышу

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

Сравнение положительных и отрицательных ответов

На следующей диаграмме разделены положительные («Хочу изучить», «Буду использовать снова») и негативные («Не интересно», «Больше не буду использовать») ответы справа и слева, соответственно, относительно центральной оси. Ширина столбца представляет собой количество респондентов, знакомых с рассматриваемой технологией.
Мы попросили участников CSS-сообщества поделиться своим ”открытием года”

Моё открытие в 2021 году: Interop 2022

Interop — результат сотрудничества разработчиков браузеров, которые объединились вместе для реализации над 15 ключевыми областями, включая новые CSS-возможности, такие как выражения от контейнера, каскадные слои и функции для работы со цветом.

Мы попросили участников CSS-сообщества поделиться своим ”открытием года”

Michelle Barker

Writer and creator of front-end blog CSS { In Real Life }

Другие инструменты

Compare Data

How happy are you with the state of CSS-in-JS libraries?

Compare Data

Рекомендуемые ресурсы

Intermediate React, v3
Brian Holt
Stripe

Intermediate React, v3

Learn to build scalable React applications using the latest tools and techniques available in the React ecosystem! This course is modular, where you can pick and choose various react ecosystems you want to learn.
Спасибо нашим партнёрам за поддержку! Подробнее.