Kādi ir BEM metodoloģijas ieguvumi?

BEM (Bloks, Elements, Modifiers) – CSS klases nosaukumu metodoloģija, kas balstīta uz saskarnes sadalīšanu neatkarīgos blokos.

Priekšrocības:

• Modularitāte: ļauj izveidot saskarnes komponentus, kurus var atkārtoti izmantot neatkarīgi.
• Uzturēšana: skaidra nosaukumu struktūra padara vieglāku stilu atrašanu un maiņu, neietekmējot citas projekta daļas.
• Mērogojamība: piemērots lieliem projektiem ar daudziem izstrādātājiem, jo samazina konfliktu risku klasēm.
• Skatāmība: klases nosaukumi atspoguļo elementu struktūru un funkciju, uzlabojot koda lasāmību.
• Prognozējamība: bloka stili nav atkarīgi no konteksta, novēršot negaidītu uzvedību.
• Izolācija: viena bloka stili neietekmē cita stila izmaiņas.

Piemērs:

/* Poga */
.button {
  display: inline-block;
  padding: 10px 20px;
  border: 1px solid blue;
}

/* Ikona pogas iekšpusē */
.button__icon {
  margin-right: 5px;
}

/* Primārais modifikators pogai */
.button--primary {
  background-color: blue;
  color: white;
}

/* Atteikuma modifikators pogai */
.button--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}