CSS modullari nima uchun kerak? Nima uchun oddiy CSS ishlatmaysiz?

CSS modullari komponent darajasida uslublarni ajratib olish uchun zarur bo‘lib, sinf nomlari muvofiqligi va global uslublarning ifloslanishini oldini oladi. Oddiy CSSda barcha sinflar global bo‘lib, katta loyihalarda uslublarni qayta yozish muammosi bilan yuzaga kelishi oson.

CSS modullarining afzalliklari:

• Sinflarning mahalliy doirasi — har bir sinf noyob va boshqa sinflar bilan muvofiqlikda emas.
• Kodni qo‘llab-quvvatlash va kengaytirishni osonlashtiradi.
• Dinamik sinflardan foydalanish va uslublarni JavaScriptda obyekt sifatida import qilish imkonini beradi.

Foydalanish misoli:

import styles from './Button.module.css';

function Button() {
  return <button className={styles.primary}>Menga bos</button>;
}

Bu yerda primary sinfi noyob nom bilan, masalan, Button_primary__abc123 bilan yaratiladi, bu esa muvofiqlikni ta’minlaydi.