Truechart Plus

Une extension s'exécute dans la boucle de mise à jour, le modèle de données et le budget mémoire de l'hôte. Un graphique fluide dans une application React autonome peut figer tout le rapport s'il se redessine à chaque filtre croisé, redimensionnement ou sélection. Les clients veulent en plus des encodages sur mesure sur des dizaines de milliers de lignes.

Chaque visuel a trois couches : une couche données qui met à plat les données de l'hôte, une couche layout D3 qui calcule échelles et tracés sans toucher au DOM, et une fine couche React qui affiche le résultat. Garder D3 hors du DOM évite que deux bibliothèques se disputent les mêmes nœuds et rend le layout testable sans navigateur.

• Layout mémoïsé sur la révision des données de l'hôte : un redimensionnement ne recalcule jamais les échelles
• Rendu canvas pour les séries trop volumineuses pour le SVG
• Tokens de thème partagés : chaque extension reprend le style du rapport
• Schémas du panneau de propriétés typés : aucune option de mise en forme sans son gestionnaire

J'encadre une équipe de 4+ développeurs : je définis l'architecture, je relis chaque pull request et je débloque les gens avant que cela ne coûte un sprint. Nous avons aussi refactorisé le code React historique en supprimant les dépendances useEffect inutiles, en découplant l'état et en le rapprochant des composants qui l'utilisent. Les écrans qui se re-rendaient 2 à 3 fois de trop ne se mettent plus à jour que lorsque leur propre état change, soit environ 25 % de re-rendus en moins.