CSS-in-JS :

Pourquoi, comment ?

Inconvénients du CSS

Définitions concurrentes de style

BEM !

Maintenance

renommage ou suppression

de code mort compliqué

Et aussi...

CSS-in-JS !

Nom de classe CSS unique

 

Identification simplifiée du code mort

 

Identification simplifiée des usage d'un style

 

Colocalisation possible du style et de son composant

Les principaux acteurs

  • JSS
  • Emotion
  • Styled-components

an introduction to

Styled-components

Styles dynamiques

Mixins

variables CSS

Thème

 

https://speakerdeck.com/vjeux/react-css-in-js

 

https://medium.com/@_imGufran/why-use-css-in-js-benefits-and-drawbacks-df40ab4ebef9

 

https://www.joshwcomeau.com/css/css-variables-for-react-devs/

 

Ressources complémentaires

CSS-in-JS

By euzebe

CSS-in-JS

  • 123