How looks like a typed BEM helper method approach

[deleonio]

The A11y and PO reviews will only take place after all other DoD steps have been completed by the Developer:

• Meaningful pull request title for the release notes
• Pull request is linked to an issue and all changes relate to the issue
• Tests to protect this code implemented (if applicable)
• Manual test performed successfully (if applicable)
• Documentation or migration has been updated (if applicable)

[github-actions]

Netlify Draft Deployment
URL: https://674ae471c73b73e0958b3524--kolibri-public-ui.netlify.app
Logs: https://app.netlify.com/sites/kolibri-public-ui/deploys/674ae471c73b73e0958b3524

[deleonio]

Das könnte für Dich @Makko74 interessant sein.

[Makko74]

Ich fand es beim ersten lesen recht kompliziert, bis ich in der Doku gesehen habe, dass du scss files generieren möchtest.

Im ersten Schritt sehe in keinen Mehrwert Css Klassennamen typ sicher zu machen , da alles an einer Stelle stattfindet.

Wenn man das Generieren von scss Dateien mit betrachtet, macht es schon sinn. Aber auf dem ersten Blick fällt mir auf, dass es nicht Refactoring tauglich ist. Ändere ich in der Alert Datei irgendwas ab kann ich die scss Datei nicht so ohne weiteres mehr automatisch updaten, da mir sonst die css Anweisungen verloren gehen.
Dies bedeutet ich benötige eher einen js-to-scss-with-bem Ansatz (abgeleitet con js-to-css. ;) ) Dann kann die Datei automatisch immer gelöscht und generiert werden. Und es ist Refactoring tauglich.

scss mixin macht die Sache aber zusätzlich kompliziert.

Wenn diese natürlich so funktionieren könnte, wäre es dann recht angenehm die Themes dazu zu generieren. Da man den Typ dann importieren kann und via js die css Anweisungen schreiben kann.

Ich würde aber davon abraten 'easy-bem' oder ein anderes Paket zu nutzen, der Code ist recht klein keine 20 Zeilen und dafür lohn es sich nicht in Abhängigkeit zu einem anderen Paket zu gehen.

Im Component Projekt würde ich persönlich trotzdem eine Art Wrapper hinzufügen, der dann typed-bem und csx kapselt.

ich bleibe aber trotzdem kein Fan von BEM, da im SSR Modus der Output sich extrem aufblähen wird.