Aké prístupy k písaniu CSS poznáte?

— BEM (Blok, Element, Modifikátor) — prístup založený na komponentoch, kde sa štýly opisujú pre nezávislé bloky, ich prvky a modifikátory. Zlepšuje čitateľnosť a udržiavateľnosť.

— CSS Modules — lokalizuje CSS podľa predvoleného nastavenia, zabraňuje konfliktom mien. Každý CSS súbor sa stáva modulom.

— Styled Components / Emotion — knižnice CSS-in-JS. Umožňujú písať CSS priamo v JavaScript/TypeScript kóde, pomocou označených šablónových literálov. Zabezpečujú enkapsuláciu štýlov na úrovni komponentov.

— Utility-first CSS (napríklad Tailwind CSS) — zameriava sa na použitie preddefinovaných utility tried (napríklad flex, pt-4, text-center) na vytváranie rozhraní priamo v markup. Rýchly vývoj, ale môže viesť k nafúknutému HTML.

— OOCSS (Object-Oriented CSS) — rozdeľuje štruktúru a dizajn, ako aj kontajner od obsahu. Podporuje opakovateľné použitie CSS.

— SMACSS (Škálovateľná a modulárna architektúra CSS) — organizuje štýly podľa kategórií (Base, Layout, Modules, State, Theme) pre škálovateľnosť.

Každý prístup má svoje výhody a nevýhody, voľba závisí od veľkosti projektu, tímu a preferencií. BEM je vhodný pre klasické CSS, CSS Modules a CSS-in-JS sú populárne s komponentnými frameworkmi, Utility-first je vhodný pre rýchle rozvrhnutie.