# Veille technologique

[Source canonique](<https://sebastien.rigaux.be/veille/page/18>)

## [Stylelint Order : uniformiser l’ordre des déclarations CSS](<https://sebastien.rigaux.be/veille/liens/stylelint-order-uniformiser-l-ordre-des-declarations-css>)

Ce plugin définit l’ordre du contenu et des propriétés dans les feuilles de style. Ses règles prennent en charge la correction automatique pour appliquer les conventions de l’équipe.

2024-12-23 · [Markdown](<https://sebastien.rigaux.be/veille/liens/stylelint-order-uniformiser-l-ordre-des-declarations-css.md>) · [Ressource originale](<https://www.npmjs.com/package/stylelint-order>)

## [ESLint React Hooks : vérifier les règles React dans le code](<https://sebastien.rigaux.be/veille/liens/eslint-react-hooks-verifier-les-regles-react-dans-le-code>)

Le plugin officiel fournit les règles de lint React et une configuration recommandée pour ESLint. La documentation explique son installation et les options liées aux règles expérimentales du compilateur.

2024-12-23 · [Markdown](<https://sebastien.rigaux.be/veille/liens/eslint-react-hooks-verifier-les-regles-react-dans-le-code.md>) · [Ressource originale](<https://www.npmjs.com/package/eslint-plugin-react-hooks>)

## [Évaluer la solidité des tests C\# avec les mutations](<https://sebastien.rigaux.be/veille/liens/evaluer-la-solidite-des-tests-c-avec-les-mutations>)

Le mutation testing modifie volontairement le code pour vérifier que les tests détectent les erreurs introduites. L’article explique cette démarche comme complément à la couverture de code.

2024-12-22 · [Markdown](<https://sebastien.rigaux.be/veille/liens/evaluer-la-solidite-des-tests-c-avec-les-mutations.md>) · [Ressource originale](<https://daninacan.com/how-and-why-to-write-mutation-tests-in-c/>)

## [Pragmatic Drag and Drop : des exemples de listes réordonnables](<https://sebastien.rigaux.be/veille/liens/pragmatic-drag-and-drop-des-exemples-de-listes-reordonnables>)

Atlassian illustre les briques de sa bibliothèque avec des exemples de glisser-déposer. Les démonstrations et leur code permettent d’adapter les interactions à différents environnements frontend.

2024-12-20 · [Markdown](<https://sebastien.rigaux.be/veille/liens/pragmatic-drag-and-drop-des-exemples-de-listes-reordonnables.md>) · [Ressource originale](<https://atlassian.design/components/pragmatic-drag-and-drop/examples>)

## [SlimToolkit : réduire le contenu des images de conteneurs](<https://sebastien.rigaux.be/veille/liens/slimtoolkit-reduire-le-contenu-des-images-de-conteneurs>)

SlimToolkit analyse et optimise les images de conteneurs pour retirer des éléments inutiles. Le dépôt documente un outillage destiné à réduire leur taille et leur surface d’exposition.

2024-12-14 · [Markdown](<https://sebastien.rigaux.be/veille/liens/slimtoolkit-reduire-le-contenu-des-images-de-conteneurs.md>) · [Ressource originale](<https://github.com/slimtoolkit/slim>)

## [Lfi : composer des opérations concurrentes sur des itérables](<https://sebastien.rigaux.be/veille/liens/lfi-composer-des-operations-concurrentes-sur-des-iterables>)

Lfi permet à chaque élément d’avancer indépendamment dans une chaîne d’opérations asynchrones. L’exemple compare cette approche à des étapes map et filter qui attendent des résultats intermédiaires.

2024-12-13 · [Markdown](<https://sebastien.rigaux.be/veille/liens/lfi-composer-des-operations-concurrentes-sur-des-iterables.md>) · [Ressource originale](<https://lfi.dev/>)

## [React Scan : repérer visuellement les rendus coûteux](<https://sebastien.rigaux.be/veille/liens/react-scan-reperer-visuellement-les-rendus-couteux>)

React Scan signale les composants à examiner pour améliorer les performances d’une application React. Son intégration par script ou package facilite un premier diagnostic sans réécrire les composants.

2024-11-24 · [Markdown](<https://sebastien.rigaux.be/veille/liens/react-scan-reperer-visuellement-les-rendus-couteux.md>) · [Ressource originale](<https://react-scan.com/>)

## [QuickPic : convertir et préparer de petites images pour le web](<https://sebastien.rigaux.be/veille/liens/quickpic-convertir-et-preparer-de-petites-images-pour-le-web>)

QuickPic réunit des utilitaires pour convertir un SVG en PNG, produire une image carrée ou arrondir ses coins. Des opérations ciblées pour préparer rapidement des visuels.

2024-11-10 · [Markdown](<https://sebastien.rigaux.be/veille/liens/quickpic-convertir-et-preparer-de-petites-images-pour-le-web.md>) · [Ressource originale](<https://quickpic.t3.gg/>)

## [Click to Component : ouvrir le code React depuis le navigateur](<https://sebastien.rigaux.be/veille/liens/click-to-component-ouvrir-le-code-react-depuis-le-navigateur>)

Un raccourci de clic sur un composant ouvre son fichier source dans l’éditeur. Le menu contextuel permet aussi d’inspecter ses parents et leurs props pour retrouver plus vite le code concerné.

2024-11-07 · [Markdown](<https://sebastien.rigaux.be/veille/liens/click-to-component-ouvrir-le-code-react-depuis-le-navigateur.md>) · [Ressource originale](<https://github.com/ericclemmons/click-to-component>)

## [Gérer des filtres avancés dans l’URL avec l’App Router](<https://sebastien.rigaux.be/veille/liens/gerer-des-filtres-avances-dans-l-url-avec-l-app-router>)

Aurora Scharff utilise les paramètres d’URL comme source de vérité pour filtres, tri et pagination. L’article traite la coordination de cet état avec les interactions et les composants serveur.

2024-11-07 · [Markdown](<https://sebastien.rigaux.be/veille/liens/gerer-des-filtres-avances-dans-l-url-avec-l-app-router.md>) · [Ressource originale](<https://aurorascharff.no/posts/managing-advanced-search-param-filtering-next-app-router/>)

## [Nuqs : synchroniser l’état React avec les paramètres d’URL](<https://sebastien.rigaux.be/veille/liens/nuqs-synchroniser-l-etat-react-avec-les-parametres-d-url>)

Nuqs propose une API proche de useState avec parsers typés et contrôle de l’historique. Elle facilite des filtres partageables et rechargeables dont l’état reste dans l’URL.

2024-11-04 · [Markdown](<https://sebastien.rigaux.be/veille/liens/nuqs-synchroniser-l-etat-react-avec-les-parametres-d-url.md>) · [Ressource originale](<https://nuqs.dev/>)

## [Automatiser une revue de pull request avec GenAIScript](<https://sebastien.rigaux.be/veille/liens/automatiser-une-revue-de-pull-request-avec-genaiscript>)

L’exemple lit le diff Git, le soumet à un modèle puis publie des commentaires dans GitHub. Le guide passe d’un script local à une GitHub Action pour intégrer la revue au workflow.

2024-11-03 · [Markdown](<https://sebastien.rigaux.be/veille/liens/automatiser-une-revue-de-pull-request-avec-genaiscript.md>) · [Ressource originale](<https://microsoft.github.io/genaiscript/samples/prr/>)

## [Réduire les délais de revue grâce à des rappels ciblés](<https://sebastien.rigaux.be/veille/liens/reduire-les-delais-de-revue-grace-a-des-rappels-cibles>)

Cet article présente une étude sur les pull requests en retard et le système de rappels Nudge. Il examine comment des relances adressées aux auteurs et reviewers peuvent limiter les blocages du processus.

2024-11-03 · [Markdown](<https://sebastien.rigaux.be/veille/liens/reduire-les-delais-de-revue-grace-a-des-rappels-cibles.md>) · [Ressource originale](<https://reviewnudgebot.com/blog/how-to-accelerate-code-reviews-with-nudges-insights-from-microsofts-study/>)

## [Repomix : préparer un dépôt de code pour l’analyse par un LLM](<https://sebastien.rigaux.be/veille/liens/repomix-preparer-un-depot-de-code-pour-l-analyse-par-un-llm>)

Repomix rassemble le contenu d’un dépôt dans un fichier adapté aux outils IA. Il simplifie la préparation du contexte lorsqu’une analyse nécessite de parcourir plusieurs fichiers du projet.

2024-10-23 · [Markdown](<https://sebastien.rigaux.be/veille/liens/repomix-preparer-un-depot-de-code-pour-l-analyse-par-un-llm.md>) · [Ressource originale](<https://github.com/yamadashy/repomix>)

## [Utopia : construire des échelles fluides de texte et d’espacement](<https://sebastien.rigaux.be/veille/liens/utopia-construire-des-echelles-fluides-de-texte-et-d-espacement>)

Utopia définit des échelles pour petits et grands écrans puis laisse le navigateur interpoler entre elles. Cette approche aide à construire un système typographique cohérent avec moins de breakpoints.

2024-10-15 · [Markdown](<https://sebastien.rigaux.be/veille/liens/utopia-construire-des-echelles-fluides-de-texte-et-d-espacement.md>) · [Ressource originale](<https://utopia.fyi/>)

## [Comparer les fonctions de plusieurs logiciels SEO](<https://sebastien.rigaux.be/veille/liens/comparer-les-fonctions-de-plusieurs-logiciels-seo>)

Ce comparatif rassemble plusieurs outils SEO, dont SE Ranking, Semrush et Ahrefs, avec leurs évaluations et fiches. Il fournit une liste de pistes à examiner selon les besoins de référencement.

2024-10-13 · [Markdown](<https://sebastien.rigaux.be/veille/liens/comparer-les-fonctions-de-plusieurs-logiciels-seo.md>) · [Ressource originale](<https://top10seosoftware.com/fr/>)

## [Uiverse : explorer des éléments d’interface réutilisables](<https://sebastien.rigaux.be/veille/liens/uiverse-explorer-des-elements-d-interface-reutilisables>)

Uiverse rassemble des éléments d’interface créés par la communauté, avec du code HTML/CSS, Tailwind ou React. Une ressource pour étudier des styles et adapter des composants à son projet.

2024-10-13 · [Markdown](<https://sebastien.rigaux.be/veille/liens/uiverse-explorer-des-elements-d-interface-reutilisables.md>) · [Ressource originale](<https://uiverse.io/>)

## [Formitable rejoint Zenchef : suivre l’évolution de la plateforme](<https://sebastien.rigaux.be/veille/liens/formitable-rejoint-zenchef-suivre-l-evolution-de-la-plateforme>)

La page explique le rapprochement de Formitable et Zenchef et indique les accès au support existant. Elle oriente les professionnels de la restauration vers la nouvelle plateforme de gestion.

2024-10-12 · [Markdown](<https://sebastien.rigaux.be/veille/liens/formitable-rejoint-zenchef-suivre-l-evolution-de-la-plateforme.md>) · [Ressource originale](<https://formitable.com/fr/>)

## [OrbStack : exécuter conteneurs Docker et machines Linux sur macOS](<https://sebastien.rigaux.be/veille/liens/orbstack-executer-conteneurs-docker-et-machines-linux-sur-macos>)

OrbStack propose un environnement macOS pour les conteneurs Docker et les machines Linux. Il met l’accent sur l’intégration CLI, le partage de fichiers et l’accès SSH pour le développement local.

2024-10-10 · [Markdown](<https://sebastien.rigaux.be/veille/liens/orbstack-executer-conteneurs-docker-et-machines-linux-sur-macos.md>) · [Ressource originale](<https://orbstack.dev/>)

## [Upscayl : agrandir des images avec l’IA](<https://sebastien.rigaux.be/veille/liens/upscayl-agrandir-des-images-avec-l-ia>)

Upscayl présente un outil d’agrandissement et d’amélioration d’images par IA. Il vise notamment les visuels de faible résolution qu’il faut réutiliser dans un format plus grand.

2024-10-10 · [Markdown](<https://sebastien.rigaux.be/veille/liens/upscayl-agrandir-des-images-avec-l-ia.md>) · [Ressource originale](<https://upscayl.org/>)

Page 18 / 22

[Précédent](<https://sebastien.rigaux.be/veille/page/17>)

[Suivant](<https://sebastien.rigaux.be/veille/page/19>)
