# React · Veille technologique [Source canonique]() Construction d’interfaces avec des composants React, leur état et leurs cycles de rendu. ## [Créer des formulaires React avec le hook \`useFormity\`]() Cette page explique le hook `useFormity` et les concepts de base de la bibliothèque Formity. Elle sert de point d’entrée pour construire des formulaires React à partir de composants et de règles réutilisables. 2026-07-11 · [Markdown]() · [Ressource originale]() ## [Créer un flux infini dans React avec \`react-infinite-scroll-component\`]() Cette bibliothèque React ajoute le chargement progressif d’éléments à mesure que l’utilisateur atteint la fin d’une liste. Le dépôt fournit un composant prêt à intégrer pour éviter de réécrire la détection de défilement. 2026-04-19 · [Markdown]() · [Ressource originale]() ## [Configurer une galerie d’images avec Yet Another React Lightbox]() Ce playground permet de tester en direct les paramètres de Yet Another React Lightbox. Il aide à vérifier les options de navigation et de présentation avant de les reporter dans une galerie React. 2026-04-19 · [Markdown]() · [Ressource originale]() ## [Animata : copier des composants React animés en Tailwind CSS]() Animata propose des composants animés à copier dans une application React ou Next.js, avec Tailwind CSS. Son format open source laisse les équipes inspecter et adapter le code à leur interface. 2026-04-18 · [Markdown]() · [Ressource originale]() ## [Refractive : filtrer des collections avec des composants React]() `@hashintel/refractive` fournit des composants de filtre pour construire une interface de recherche ou de navigation dans des collections. Le paquet npm permet de l’intégrer directement à une application React. 2026-04-05 · [Markdown]() · [Ressource originale]() ## [React Modal Sheet : explorer les comportements d’une feuille modale]() Ce playground présente plusieurs variantes de feuilles modales React : points d’arrêt, contenu défilant, plein écran et prise en compte du clavier. Il inclut aussi des exemples d’accessibilité et de mouvement réduit. 2026-03-15 · [Markdown]() · [Ressource originale]() ## [Ilamy Calendar : un calendrier React avec vues et ressources]() Ilamy Calendar propose des vues mensuelles, hebdomadaires et journalières avec glisser-déposer et gestion de ressources. Le dépôt annonce aussi la prise en charge des événements récurrents au format RFC 5545. 2026-03-08 · [Markdown]() · [Ressource originale]() ## [Créer des dégradés animés avec Shader Gradient]() Shader Gradient permet de régler des dégradés animés, puis de les intégrer dans Framer, Figma ou React. L’outil rend les paramètres visuels d’un shader accessibles depuis une interface. 2026-02-14 · [Markdown]() · [Ressource originale]() ## [React Grab : relier un élément d’interface à son code source]() React Grab permet de sélectionner un élément visible dans une application et d’en transmettre le contexte à un agent de code. L’outil vise à retrouver plus vite le composant correspondant dans le projet. 2026-02-06 · [Markdown]() · [Ressource originale]() ## [Préconfigurer des composants React avec \`prefill\`]() L’article présente `prefill`, une fonction qui compose des propriétés avant qu’elles n’atteignent un composant React. Elle peut remplacer un wrapper dédié lorsqu’il s’agit de fixer des styles ou un comportement commun. 2026-02-06 · [Markdown]() · [Ressource originale]() ## [Les bonnes pratiques React de Vercel organisées pour les agents]() Vercel structure ses recommandations autour des causes majeures de lenteur : waterfalls, bundles et rendus inutiles. L’ordre de priorité aide les agents à traiter les problèmes les plus coûteux avant les micro-optimisations. 2026-01-25 · [Markdown]() · [Ressource originale]() ## [React Intersection Observer : suivre l’entrée d’éléments dans le viewport]() La bibliothèque expose Intersection Observer via des hooks et composants React. Elle réutilise les observers compatibles et fournit des mocks pour tester lazy loading et animations au scroll. 2025-11-06 · [Markdown]() · [Ressource originale]() ## [Sera UI : des composants React et Next.js personnalisables]() Sera UI rassemble des composants JSX et blocs d’interface stylés avec Tailwind CSS. La collection fournit une base modulable pour formulaires, dashboards et pages web. 2025-10-07 · [Markdown]() · [Ressource originale]() ## [Fumadocs : construire une documentation dans son framework frontend]() Fumadocs fournit une base de site documentaire pour plusieurs frameworks React et Astro. Le dépôt précise les environnements supportés et le fonctionnement en modules ESM. 2025-09-22 · [Markdown]() · [Ressource originale]() ## [EvilCharts : personnaliser des graphiques avec shadcn et Recharts]() EvilCharts propose des composants de graphiques construits sur Recharts ou Apache ECharts avec shadcn. Les exemples cherchent à rendre animations et présentation des données plus faciles à adapter. 2025-09-07 · [Markdown]() · [Ressource originale]() ## [Lina : adapter les zones de scroll au tactile et au bureau]() Lina propose une zone de défilement avec barres adaptatives et masques de bord sensibles à la position. Le composant cherche à conserver le comportement natif sur tactile tout en affinant les interactions au bureau. 2025-09-07 · [Markdown]() · [Ressource originale]() ## [Centraliser les clés TanStack Query avec une API typée]() React Query Key Manager organise les clés par namespace et vérifie leurs arguments à la compilation. Il réduit les chaînes dispersées et les collisions entre requêtes dans une application importante. 2025-08-18 · [Markdown]() · [Ressource originale]() ## [Puck : construire des pages avec les composants de son application]() Puck présente un éditeur visuel intégrable à React avec composants, règles de design et API métier. La plateforme propose également de générer des interfaces à partir de ces mêmes éléments. 2025-07-29 · [Markdown]() · [Ressource originale]() ## [Kibo UI : étendre shadcn/ui avec des composants composables]() Kibo UI propose un registre de composants conçus pour shadcn/ui. Sélecteur de couleur, zoom d’image ou blocs de code enrichissent la boîte à outils tout en restant personnalisables. 2025-07-12 · [Markdown]() · [Ressource originale]() ## [Animate UI : installer puis personnaliser des composants animés]() Animate UI distribue des composants React construits avec TypeScript, Tailwind CSS et Motion. Le code peut être installé via la CLI shadcn puis adapté au projet. 2025-06-18 · [Markdown]() · [Ressource originale]() Page 2 / 4 [Précédent]() [Suivant]()