angular-css-bem-best-practices

A methodology guide for combining Angular's component architecture with BEM (Block Element Modifier) CSS naming convention to create reusable components and enable code sharing in front-end development. Contains 6 rules with bad/good examples in CSS, SCSS, and SASS.

| 1 | Block = Component Selector | CRITICAL | bem-block-selector | | 2 | Max 2 Levels of Nesting | CRITICAL | bem-max-nesting | | 3 | Split Child Components | CRITICAL | bem-split-components | | 4 | Element Naming Conventions | HIGH | bem-element-naming | | 5 | Modifier Patterns | HIGH | bem-modifier-patterns |

| 6 | No Cascading Selectors | HIGH | bem-no-cascading |

Guida alla metodologia Angular + BEM CSS per la creazione di componenti riutilizzabili e codice front-end condivisibile. Applica blocchi BEM con ambito componente, nidificazione massima di 2 livelli, corretta scomposizione dei componenti, denominazione semantica degli elementi, modelli di modificatori corretti e selettori piatti. Da utilizzare durante la scrittura, la revisione o il refactoring degli stili dei componenti Angular. Attiva attività che coinvolgono CSS, SCSS, SASS, stili di componenti, denominazione BEM o architettura CSS. Fonte: develite98/angular-best-practices.