Все

CSS in JS или самая противоречивая техника стилизации веба

Видео frontend
Почему CSS in JS библиотеки вызывают так много противоречий среди frontend разработчиков?


В докладе рассмотрим их влияние на производительность, поддерживаемость кода, девелопер экспириенс. Разберёмся со styled-components и сравним блоки кода со стилями между styled, tailwind, module. В конце узнаем, когда же стоит использовать CSS in JS.

00:00 | Введение
00:50 | Немного истории
01:22 | Какие возникли проблемы?
01:45 | Методологии верстки
02:00 | Блок
02:17 | Элемент
02:31 | Модификатор
02:47 | Пример
02:59 | Минусы БЭМ
03:34 | Как решали эту проблему?
03:43 | CSS Modules
04:44 | Tailwind CSS
05:20 |CSS in JS
05:41 | Styled Components
06:52 | CSS from JS
07:11 | Linaria
07:30 | Как это работает
07:53 | Babel plugin
09:01 | В чем отличие Linaria и Styled Components
09:20 | Тесты
09:58 | Результаты теста
10:12 | Выводы

Смотреть выпуск