hugogiraudel.com
▻http://hugogiraudel.com/2015/06/18/styling-react-components-in-sass
We will explore how using proper organization and architecture in #Sass can mitigate #CSS problems, especially within the context of styling React components. Tags: CSS #ReactJS Sass #clevermarks
Je note dès le début qu’il fait référence à ses règles de codage pour SASS pour ce qui est de son organisation des fichiers :
►http://sass-guidelin.es/#the-7-1-pattern
Et finalement ce n’est pas si loin de ce que j’ai conçu pour l’instant pour mes besoins, et que j’utilise maintenant depuis plusieurs moi. Conception que j’avais commencé ici :
▻http://seenthis.net/messages/236534
J’ai encore quelque bazar à la racine, autre que le fichier principal, mais je préfère quand même mon nommage, car
1) chaque terme (frameworks, modules, sections, templates) est utilisé aussi bien en anglais qu’en français, ce qui en fait un découpage passe-partout ;
2) l’ordre alphabétique des dossiers suit scrupuleusement l’ordre d’importation, donc quelque soit où l’on travaille (dans l’explorateur de fichiers, dans l’IDE, etc) on sait encore plus facilement où l’on se trouve, tout est toujours affiché dans le même ordre.
Mise à part le choix de terme, le principe est vraiment le même.