Подход CSS-in-JS

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

Рейтинги

Экспорт
УдовлетворённостьУ
ЗаинтересованностьЗ
ИспользованиеИ
УзнаваемостьУ

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

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

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

Опыт работы

Экспорт
Проценты%
КоличествоΣ

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

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

Styled Components

JSS

Styled JSX

Radium

Emotion

CSS Modules

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

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

Экспорт

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

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

Styled Components
Процент заполнения: 80.5% (9255)
Процент заполнения: 80.5% (9255)

Экспорт
Проценты%
КоличествоΣ

2019

2020

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

JSS
Процент заполнения: 80.6% (9267)
Процент заполнения: 80.6% (9267)

Экспорт
Проценты%
КоличествоΣ

2019

2020

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

Styled JSX
Процент заполнения: 80.8% (9282)
Процент заполнения: 80.8% (9282)

Экспорт
Проценты%
КоличествоΣ

2019

2020

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

Radium
Процент заполнения: 80.6% (9264)
Процент заполнения: 80.6% (9264)

Экспорт
Проценты%
КоличествоΣ

2019

2020

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

Emotion
Процент заполнения: 80.8% (9281)
Процент заполнения: 80.8% (9281)

Экспорт
Проценты%
КоличествоΣ

2019

2020

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

CSS Modules
Процент заполнения: 80.9% (9293)
Процент заполнения: 80.9% (9293)

Экспорт
Проценты%
КоличествоΣ

2019

2020

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

Styled System
Процент заполнения: 80.6% (9268)
Процент заполнения: 80.6% (9268)

Экспорт
Проценты%
КоличествоΣ

2020

Не буду больше использовать
Не интересно
Буду ещё использовать
Интересно
Впервые слышу
Мы попросили участников CSS-сообщества поделиться своим ”выбором года”.

Мой выбор в 2020 году: Fela

Fela — удивительный инструмент. Он довольно мощный, достаточно простой в использовании и при этом очень эффективный.

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

Hugo “Kitty” Giraudel

Небинарный сторонник доступности и социокультурного многообразия

Stitches
Процент заполнения: 80.7% (9270)
Процент заполнения: 80.7% (9270)

Экспорт
Проценты%
КоличествоΣ

2020

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

Styletron
Процент заполнения: 80.8% (9281)
Процент заполнения: 80.8% (9281)

Экспорт
Проценты%
КоличествоΣ

2020

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

Fela
Процент заполнения: 80.8% (9284)
Процент заполнения: 80.8% (9284)

Экспорт
Проценты%
КоличествоΣ

2020

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

Linaria
Процент заполнения: 80.7% (9277)
Процент заполнения: 80.7% (9277)

Экспорт
Проценты%
КоличествоΣ

2020

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

Astroturf
Процент заполнения: 80.7% (9271)
Процент заполнения: 80.7% (9271)

Экспорт
Проценты%
КоличествоΣ

2020

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

Другие инструменты
Процент заполнения: 0.7% (84)
Процент заполнения: 0.7% (84)

Экспорт
Проценты%
КоличествоΣ

Другие инструменты в этой категории (ответы в свободной форме).

Общий показатель удовлетворённости

Экспорт
Проценты%
КоличествоΣ

По шкале от одного (очень недоволен) до пяти (очень доволен), насколько довольны разработчики текущим состоянием этой категории?

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

Intermediate React, v2

You’ll learn hooks in-depth, CSS-in-JS with emotion, increase performance with code splitting and server-side rendering, and more.
Спасибо нашим партнёрам за поддержку! Подробнее.
« Назад: CSS-методологииВперёд: Другие инструменты »
Визуализация данных сделана с помощью Nivo. Сайт размещён на Netlify.
Есть вопрос? Нашли ошибку? Создайте ишью. Заходите к нам в Discord-чат.
Нажмите option/alt, чтобы активировать режим переводчика.