Télécharger les sites web qui utilisent styled-components

À propos de styled-components

La bibliothèque n’apparaît jamais dans une page sous la forme d’un fichier distinct. styled-components compile les styles dans le bundle JavaScript et les injecte à l’exécution, si bien qu’un robot d’exploration ne voit qu’un résidu : des noms de classes générés à la forme reconnaissable et un élément de style écrit dans l’en-tête du document. La détection dépend de la survie de ce résidu à la construction, ce qui est généralement le cas, parce que le schéma de nommage fait partie du fonctionnement même de la bibliothèque et non d’un détail cosmétique qu’une étape de build pourrait écarter.

Un résidu de ce genre en dit long sur le site qui l’entoure. Une page qui porte la bibliothèque est une page React, puisque la bibliothèque existe pour styler des composants React, et une page React est une application construite plutôt qu’un document assemblé dans un système de contenu. Quelqu’un a choisi une architecture à composants, quelqu’un fait tourner un bundler, et quelqu’un déploie le résultat. Écrite en JavaScript et publiée sous licence MIT en 2016, la bibliothèque ne coûte rien à adopter, si bien que sa présence signale le goût et l’outillage d’une équipe plutôt qu’un achat.

C’est la version qui fait la valeur de cette fiche. Nous relevons 96 versions distinctes dans la population, et les sites se concentrent sur 5.3.11. Une chaîne de version n’est pas ici une valeur vivante. Les styles sont compilés au moment où le site est construit, donc la version figée dans un bundle est celle qui était courante la dernière fois que quelqu’un a lancé une construction et l’a mise en ligne. Le regroupement autour d’une seule version dessine une carte de l’inertie de déploiement, pas de ce que les mainteneurs publient aujourd’hui.

Pour un éditeur d’outils de développement, une plateforme d’hébergement ou quiconque vend à des équipes frontend, l’inertie de déploiement est le signal qui mérite d’être acheté. Un site figé sur une version ancienne n’a pas vu son frontend reconstruit depuis longtemps, ce qui dit quelque chose sur l’existence, derrière lui, d’une équipe active, d’un budget actif et du moindre appétit pour de nouveaux outils. Un site qui suit les versions récentes dit l’inverse. Répartir 97 253 sites entre ces deux piles n’est pas un travail qu’une requête domaine par domaine peut accomplir, parce que la question n’a jamais porté sur un seul domaine.

La géographie ressemble à celle qu’une bibliothèque JavaScript dessine d’ordinaire. Nous en comptons 53 127 aux États-Unis, et le mélange de domaines se concentre sur .com, ce qui reflète l’endroit où l’on recrute des développeurs React plutôt que quoi que ce soit sur la bibliothèque elle-même.

Deux limites méritent d’être énoncées sans détour. Une minification agressive et une configuration de build inhabituelle peuvent retirer le préfixe de classe reconnaissable, et les sites dans cet état sortent purement et simplement du décompte au lieu d’apparaître comme inconnus. Et là où une version ne peut pas être lue, elle est enregistrée comme absente plutôt que devinée, de sorte que la répartition par version couvre un sous-ensemble de la population détectée et doit se lire comme un échantillon de celle-ci.