Модулҳои CSS барои чӣ лозиманд? Чаро мо CSS оддӣ истифода намебарем?

CSS модулҳо барои ҷудо кардани услубҳо дар сатҳи компонентҳо заруранд, то аз муноқишаҳои номҳои синфҳо ва ифлосшавии глобалии услубҳо пешгирӣ кунанд. Дар CSS оддӣ, ҳама синфҳо глобалӣ мебошанд ва дар лоиҳаи калон осон аст, ки бо мушкилоти иваз кардани услубҳо рӯбарӯ шавед.

Афзалиятҳои CSS модулҳо:

• Маҳалли маҳаллӣ барои синфҳо — ҳар як синф беназир аст ва бо дигарон муноқиша намекунад.
• Осонии нигоҳдорӣ ва васеъшавии коди.
• Имконият барои истифодаи синфҳои динамикӣ ва ворид кардани услубҳо ҳамчун объектҳо дар JavaScript.

Маслиҳат барои истифода:

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

function Button() {
  return <button className={styles.primary}>Тугмаи ман</button>;
}

Ин ҷо, синфи primary бо номи беназир, масалан Button_primary__abc123, тавлид мешавад, ки муноқишаҳоро пешгирӣ мекунад.