Rubrique
Web
Architecture front, performance et synchronisation, vues depuis des projets livrés.
Articles
28 articles
La performance comme incident
Quels budgets de performance tiennent en CI et lesquels deviennent du bruit, comment traiter une régression de terrain avec les mêmes règles qu'une panne, et à partir de quel trafic ce dispositif a un sens.
8 minMembres
Scripts tiers : le budget que personne ne tient
Comment mesurer ce que chaque script tiers coûte réellement sur le thread principal, lui attribuer un budget et un propriétaire, et quelles clauses obtenir d'un fournisseur pour que ce budget tienne après la signature.
8 minMembres
INP : diagnostiquer une interaction lente
Comment partir d'un INP dégradé sur le terrain, identifier l'interaction et la phase fautives, la reproduire au laboratoire et choisir le bon remède parmi ceux qui ne déplacent pas simplement le problème.
8 minMembres
Synchronisation hors ligne sur mobile : file, conflits, reprise
Une file d'écritures hors ligne échoue de cinq façons précises : doublons, blocage en tête, identifiants provisoires, horloges fausses, reprise partielle. Le mécanisme qui répond à chacune, et le cas où la lecture hors ligne suffit.
7 minMembres
Server-driven UI : dix ans de leçons du mobile
Faire décrire l'écran par le serveur contourne le cycle de publication mobile, au prix d'un catalogue de composants qui devient une API versionnée et d'un debug à trois dimensions. Où ça paie, comment ça dérive, et le critère pour s'arrêter.
7 minMembres
Hydratation : payer deux fois
Ce que l'hydratation refait côté navigateur, comment chiffrer son coût sur votre propre page, et quelle alternative choisir selon la part réellement interactive de l'écran.
7 minLecture libre
useEffect : les usages légitimes
Le test qui sépare un effet légitime d'un effet à supprimer, les remplacements pour chaque famille d'effets abusifs, et les cas où il vaut mieux laisser l'effet en place.
7 minMembres
View transitions et speculation rules : gains mesurés
Ce que le prérendu spéculatif et les transitions de vue apportent réellement, comment mesurer le gain de l'un et le coût de l'autre, et les cas où ils dégradent le site au lieu de l'améliorer.
8 minMembres
Vite, Rolldown, Turbopack : migrer une grosse base
Les pièges qui n'apparaissent qu'au-delà de quelques milliers de modules quand on change de bundler, et la méthode pour basculer sans découvrir les différences en production.
7 minMembres
Server Components : le modèle mental et la facture
Ce que la frontière serveur/client découpe réellement, ce qu'elle coûte en octets, en CPU et en couplage, et le critère pour savoir si votre application y gagne.
7 minLecture libre
État serveur, état client : arrêter de les mélanger
La règle pour décider où vit chaque donnée d'un front React, les bugs que produit leur mélange dans un store global, et un chemin de migration tranche par tranche.
6 minMembres
Vieilles versions d'app : l'API que vous ne pouvez plus changer
Un binaire mobile publié vit des années et vous lie à chaque réponse d'API qu'il sait lire. Comment fixer une fenêtre de compatibilité, ce qui doit être dans la première version pour pouvoir forcer une mise à jour, et ce que ce pouvoir coûte.
8 minMembres
CRDT ou serveur qui tranche
Un CRDT garantit que les replicas convergent, pas que le résultat a un sens. Comment choisir entre fusion automatique et serveur arbitre selon vos invariants, vos droits d'accès et votre temps hors ligne.
7 minLecture libre
Mises à jour optimistes : gérer le mensonge
Comment structurer l'état pour qu'un rollback n'efface pas le travail suivant, ce que le serveur doit fournir pour que le mensonge reste réparable, et les actions sur lesquelles ne jamais mentir.
7 minMembres
Sortir de Next.js : le coût de sortie mesuré
Une méthode pour inventorier ce qui vous attache à Next.js, chiffrer la sortie en jours plutôt qu'en opinions, et garder ce coût bas sans quitter le framework.
6 minMembres
Sérialisation serveur : ce que le framework expose à votre place
Pourquoi le protocole entre composants serveur et client est une surface d'attaque située avant votre code, et les décisions de conception qui limitent ce qu'une faille du framework peut atteindre.
7 minMembres
Micro-front-ends : autopsie
Ce que les micro-front-ends achètent vraiment, ce qu'ils facturent en bundle, en expérience et en exploitation, et le critère pour savoir si votre organisation a le problème qu'ils résolvent.
7 minMembres
Polices et images : les 80 % du gain
Une fois le framework bien réglé, le poids et le LCP d'une page se jouent sur les images et les polices. Où sont les octets, quels réglages paient, lesquels cassent, et quand ne pas s'en occuper.
8 minLecture libre
Le cache de Next.js : quatre couches, quatre surprises
Les quatre couches de cache de Next.js, la manière dont chacune sert une donnée périmée ou celle du voisin, et la politique d'invalidation que j'applique sur une plateforme multi-tenant.
6 minMembres
CSS moderne : ce qui remplace votre JavaScript
Ce que les container queries, :has() et l'anchor positioning permettent de supprimer comme JavaScript de mesure et de mise en page, où chacun s'arrête, et comment décider si votre cible de navigateurs vous laisse retirer la bibliothèque.
8 minMembres
Migrer un front de dix ans
Comment faire cohabiter l'ancien front et le nouveau derrière un même domaine, dans quel ordre étrangler les routes, et ce qui use l'équipe avant la technique.
8 minMembres
Tests de composants dans le navigateur
Ce que jsdom ne peut pas vous dire, ce que coûte un vrai navigateur dans la boucle de test, et la répartition que je tiens entre tests Node, tests navigateur et tests de bout en bout.
8 minLecture libre
L'accessibilité comme contrainte d'architecture
L'obligation européenne d'accessibilité vise des services entiers et non des pages isolées. Les six décisions d'architecture qui déterminent si la conformité est atteignable, ce qu'elles coûtent prises tôt, et ce qu'elles coûtent en rattrapage.
9 minMembres
Design system : pourquoi il meurt à deux ans
Un design system ne meurt pas d'un mauvais composant mais d'un financement en projet, d'un versionnement qui fragmente et d'échappatoires qui deviennent des contrats. Les mécanismes, ce que coûte chaque parade, et quand ne pas en créer.
8 minMembres
Migrer un schéma quand la base est chez le client
Une migration de base locale s'exécute sur des milliers d'appareils que vous ne voyez pas, depuis n'importe quelle version, sans rollback. Les règles qui la rendent sûre, et le cas où il vaut mieux tout jeter et resynchroniser.
7 minMembres
Accessibilité : ce que l'automatisation ne trouve pas
Un analyseur automatique vérifie ce qui se décide en lisant le DOM, et ignore ce qui se passe quand quelqu'un utilise la page. Ce qui lui échappe par construction, et un protocole manuel de trente minutes par parcours pour le couvrir.
8 minMembres
Une application Next par produit sur un socle partagé
Ce qu'un paquet partagé entre plusieurs applications Next rapporte, ce qu'il coûte à chaque modification, et la règle pour décider ce qui y entre.
7 minLecture libre
Signaux contre DOM virtuel : ce qui change vraiment
Ce que chaque modèle fait payer par mise à jour, les pannes propres à chacun, et le critère pour savoir si votre écran profiterait des signaux ou si votre problème est ailleurs.
7 minMembres
Nouveautés
· Web
Next.js 16.3.6 corrige une exécution de code à distance dans ImageResponse
Un correctif hors cycle met à jour Satori et d'autres dépendances pour fermer une faille critique touchant ImageResponse côté Node.js.
· Web
Node.js 26.10.0 ajoute util.throttle, util.debounce et crypto.parsePKCS12
La version 26.10.0 de la ligne Current étend la bibliothèque standard : throttle et debounce, lecture PKCS#12, histogramme à fenêtre glissante.