Un thème Gatsby avec du style ?
Superstylin' est un thème Gatsby qui utilise des composants stylisés comme principal moyen de styliser votre site Gatsby. Il fournit une structure facile à démarrer pour vous permettre d'être opérationnel avec votre premier site propulsé par Gatsby.
En termes simples, les composants stylisés sont un moyen d'ajouter votre CSS dans votre js, cela fonctionne en créant un composant et en le stylisant, vous obtiendrez alors un composant stylisé, c'est vraiment simple et très puissant.
En utilisant votre CSS dans votre js, vous bénéficiez de la puissance du javascript pour ajouter plus de fonctionnalités à la façon dont vous déclarez vos styles, mais attendez, ce n'est pas tout !
Vous trouverez ci-dessous quelques lectures intéressantes pour découvrir davantage les avantages des composants stylisés.
Un grand merci à Glen Maddern et Max Stoiber pour la création de composants stylisés ??.
Un grand merci également à Kyle Mathews pour avoir lancé et maintenu Gatsby ??.
Lisez cet excellent article expliquant pourquoi les styles en ligne !== css-in-js par Max Stoiber.
A l'intérieur de votre démarreur :
$ yarn add gatsby-theme-superstylin
Et enfin, ajoutez le thème dans votre gatsby-config.js
:
module . exports = {
plugins : [ 'gatsby-theme-superstylin' ]
}
Voir la démo pour un exemple.
Sous licence MIT, Copyright © 2018 Enrique Benitez
Voir licence pour plus d'informations.