Следващ урок: CSS модули Към следващия урок →
Урок: Основи на стилизирането в React.js Повторение
Основи на React.js
В това видео ще разгледаме основните начини за стилизиране на React.js приложения. Ще видим как да използваме добрият стар CSS без помощта на външни библиотеки.
Макар React да е библиотека със собствено мнение ние все още можем да използваме стандартни CSS файлове и да прилагаме стилове чрез класове или inline директно със style атрибут.
Ако решим да работим с inline стилове то тогава трябва да изпозлваме обект с camelCase нотация, вместо стандартния CSS синтаксиси. Примерно, вместо background-color използваме backgroundColor. Подаваме този обект като стойност на style атрибута/prop.
Покрай стандартните възможности за стилизиране, React отваря врати към нови и иновативни начини за работа с дизайна и визуализация на уеб приложенията. В следващите уроци ще разгледаме някой от най-популярните CSS-in-JS решения.
Практиката е най-бързия начин да усвоиш знания трайно. Подготвил съм ти малка задача свързана с урока.
Материали свързани с урока:
→ Файлове към урока
