Продолжительность
0 ч 23 мин 59 сек
Количество уроков
11 Видео
Дата добавления
14.11.2019
CSS использует глобальное пространство имен для селекторов CSS, которое может легко привести к конфликтам стилей во всем приложении при создании приложения с использованием современных веб-компонентов. Вы можете избежать этой проблемы, вложив CSS-селекторы или используя соглашение по стилю, такое как BEM, но это быстро усложняется и не масштабируется.
CSS-in-JS полностью устраняет эти проблемы, генерируя уникальные имена классов при преобразовании стилей в CSS. Это позволяет вам думать о стилях на уровне компонентов, не беспокоясь о стилях, определенных в других местах.
В этом курсе вы узнаете, как выразить популярные функции языка SCSS (Sass) с использованием новейших функций JavaScript. Мы преобразуем простые примеры из SCSS в CSS-in-JS. Как дизайнер или (S) CSS-разработчик, вы должны быть в состоянии следовать без обширных знаний JavaScript, хотя понимание SCSS требуется. Мы не будем использовать какие-либо конкретные библиотеки CSSinJS. Вместо этого мы сосредоточимся на базовых знаниях, которые вам понадобятся позже, если вы используете какую-либо библиотеку CSSinJS.