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

Подход CSS-in-JS

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

Рейтинги

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

201920202021201920202021Styled ComponentsJSSStyled JSXEmotionCSS ModulesStyled ComponentsJSSStyled JSXEmotionCSS ModulesStyled SystemStitchesFelaLinariaAstroturfTwinTheme UIvanilla-extractWindi CSS85%82%77%59%58%50%67%68%62%87%80%74%86%87%86%80%72%69%76%40%45%64%69%58%59%73%73%87%84%

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

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

Опыт работы

Анализ ответов по исследуемым технологиям в сравнении с предыдущим годом.

Буду ещё использовать
Не буду больше использовать
Интересно
Не интересно
Впервые слышу
201920202021201920202021

201920202021201920202021

201920202021201920202021

201920202021201920202021

201920202021201920202021

2020202120202021

2020202120202021

2020202120202021

2020202120202021

2020202120202021

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

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

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

Ширина столбца представляет собой количество респондентов, знакомых с рассматриваемой технологией.

Не интересноНе буду больше использоватьБуду ещё использоватьИнтересноУзнаваемость40%30%20%10%0%10%20%30%40%50%40%30%20%10%0%10%20%30%40%50%
Мы попросили участников CSS-сообщества поделиться своим ”открытием года”

Моё открытие в 2021 году: Кевин Пауэлл (Kevin Powell)

Кевин снимает классные видеоролики по CSS на YouTube, которые мне очень нравятся. У него действительно хорошо получается рассказывать про CSS-концепции так, что это было одновременно доступно и понятно.

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

Gift Egwuenu

Фронтенд-разработчица и блогерка

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

Насколько вы удовлетворены текущим состоянием библиотек, реализующие подход CSS-in-JS?

Изменить данные
0%10%20%30%40%50%% респондентов опросаОчень недоволенНе доволенЗатрудняюсь ответитьДоволенОчень доволенБез ответа0%10%20%30%40%50%3.7%3.7%7.1%7.1%40.5%40.5%20.1%20.1%6.2%6.2%22.4%22.4%

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

Intermediate React, v3

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.
Спасибо нашим партнёрам за поддержку! Подробнее.