Еволюція CSS та React

🥸 Колись давно, коли веб сторінки були маленькими та дуже простими, все що нам було необхідно для дизайну це кілька рядків CSS. Але час плинув, веб збільшувався, веб-сторінки ставали дедалі більш складнішими і як гриби полізли проблеми від дублікації коду до конфлікту між селекторами.

🦄 Тому CSS почав еволюціонувати. Так з'явилися препроцесори, CSS Modules, та навіть CSSinJs, які намагаються вирішити проблеми "складного" CSS, про що ми і розповідаємо в цьому відео.

[irbiskronos]

Дякую величезне за ваш вклад в розвиток нової генерації IT-початківців. Класно, що все прив'язано до практичного застосування, максимально інформативно, з підготовкою . Окрема подяка за українську.

[victorchei]

люблю відео по історії! завжди можна щось цікаве винести, і розслабитись і на чомусь замислитися виписати на список щоб погуглити. Дякую хлопці!

[vitaliihubariev]

Як завжди пояснення на найвищому рівні! Дякую!

[viktorriabiy]

великі пальці в гору за це відео. На ногах теж 😀👍😀

[amelianceskymusic]

18:44 - а хіба не можна писати просто в камелкейсі?

[sevgenberg]

Хлопцы а вы в своих проектах используете PostCSS в контексте Css постпроцессор по сути тоже самое, что и препроцессор, но на вход постпроцессору дается не код написанный на языке препроцессора, а тоже css.
Исходный файл дается на вход PostCSS и парсится далее происходит вызов плагин что-то делает, плагин n что-то делает. Полученный результат преобразовывается в строку и записывается в выходной файл. Можно юзать как с препроцессорами так и отдельно, используете ли вы это на своих проетах?

[sevgenberg]

хлопцы, а что если всё таки нужно иметь отдельный CSS файл (или много), который можно кешировать и грузить отдельно и вообще не хочу никакого лишнего css-runtime-а, могу ли я, скажем, избегая всех этих динамических привязок к JS, при финальном билде выносить всё в отдельный файл? Разумеется так, чтобы без изменений в стилях я не получал новые значения классов и пр., и ше бы это в конце концов нормально кешировать. Можно такое реализовать на css in js?

[sevgenberg]

Еще один недостаток в больших проектах может сложиться такая ситуация хлопцы, что CSS-in-JS заставит нас весь код просто завалить импортами, в итоге мы получаем достаточно сложную CSS схему остается реально упрощать схему стилизации, что создаст дополнительные сложности. Получается что лучше создавать отдельный файл джс со стилями совоподающий с названием компонета и потом это билдить? Или я не прав?