Minimiser la dette technique de Boostrap à l'aide d'un préprocesseur CSS

Bootstrap

• Comment est utilisé ce framework ?
• Usage des préprocesseurs (LESS / SASS)

Le problème de la dette technique d'un projet sous Bootstrap

• cycle de vie projet : bootstrap comme dépendance
• changement des noms et variables au fil des versions de Boostrap
• la dette est localisée sur le HTML / CSS

Résoudre le problème

• localiser la dette sur le style
• un outil : les pré-processeurs
  • exemple avec LESS
• faire comme avant Bootstrap
  • purifier le HTML
  • bien choisir le nom de classe (approche BEM possible)

conclusion

• les avantages de Boostrap sans les inconvénients