Akú metódu izolácie CSS uprednostňujete?

Uprednostňujem používanie CSS modulov pre komponentovo orientovaný vývoj.

Výhody CSS modulov:

• Lokálny rozsah: Každý súbor CSS modulu vytvára jedinečné triedy, čím sa predchádza konfliktom štýlov medzi komponentami.
• Žiadne vedľajšie účinky: Zmeny v štýloch jedného komponentu neovplyvňujú ostatné.
• Čitateľnosť a údržba: Je jasné, ktoré štýly sa používajú na konkrétny komponent.
• Integrácia s JavaScriptom: Názvy tried sa importujú ako objekty, čo uľahčuje dynamické použitie štýlov.
• Mŕtvy kód: Vďaka lokálnemu rozsahu je jednoduché identifikovať a odstrániť nepoužívané štýly.

// Component.jsx
import styles from './Component.module.css';

function Component() {
  return (
    <div className={styles.container}>
      <p className={styles.text}>Ahoj!</p>
    </div>
  );
}

export default Component;

Iné metódy, ako CSS-in-JS alebo BEM, majú tiež svoje výhody, ale pre väčšinu projektov CSS moduly poskytujú optimálnu rovnováhu medzi izoláciou, výkonom a jednoduchosťou vývoja.