Aller au contenu
HagiCodeAwesome Site

Selectionner la langue

Langue actuelle: Français

React Hooks

Source: https://github.com/rehooks/awesome-react-hooks at 33424d3e810c
License: CC0-1.0
Read the English original

This edition is an AI-assisted translation.

awesome-react-hooks Awesome

Section intitulée « awesome-react-hooks »

Une liste organisée de ressources React Hooks.

Documentation

Section intitulée « Documentation »

Discussions

Section intitulée « Discussions »

Tutoriels

Section intitulée « Tutoriels »

Vidéos

Section intitulée « Vidéos »

Podcasts

Section intitulée « Podcasts »

Outils

Section intitulée « Outils »

Catalogues

Section intitulée « Catalogues »

Paquets

Section intitulée « Paquets »
  • @21kb/react-hooks Un ensemble de React Hooks pour vous y accrocher.
  • @d2k/react-devto React hook pour les requêtes vers l’API de Dev.to
  • @d2k/react-github React hook pour les requêtes vers l’API de Github
  • @d2k/react-localstorage React hook qui gère la mise à jour et la suppression des valeurs du localstorage tout en les maintenant synchronisées avec vos composants.
  • @elgorditosalsero/react-gtm-hook React hook pour gérer facilement Google Tag Manager.
  • @hookstate/core Gestion d’état moderne, très rapide et extensible pour React.
  • @jzone/react-request-hook 🐶React hook pour des requêtes personnalisées, compatible avec diverses libs, prend en charge redux
  • @kevinwolf/formal Primitives élégantes de gestion de formulaires pour l’ère des react hooks.
  • @koale/useworker ⚙️ Exécute des tâches lourdes en arrière-plan grâce aux web workers, sans bloquer l’interface utilisateur
  • @marvelsq/use-properties-hook Fonctions d’instance au sein d’un FunctionComponent, comme class-properties, et égales au sens de ShallowCompare
  • @rehooks/component-size React hook pour déterminer la taille d’un composant.
  • @rehooks/document-title React hook pour mettre à jour le titre du document.
  • @rehooks/document-visibility React hook pour s’abonner à la visibilité du document.
  • @rehooks/input-value React hook pour créer des valeurs de champs de saisie.
  • @rehooks/local-storage React hook qui synchronise localStorage[key] avec le composant.
  • @rehooks/network-status React hook pour obtenir l’état du réseau.
  • @rehooks/online-status React Hook pour l’état de connexion.
  • @rehooks/window-scroll-position React hook pour obtenir les positions x et y de la fenêtre.
  • @rehooks/window-size React hook pour s’abonner à la taille de la fenêtre.
  • @rekindle/use-request 🤖 React hook pour effectuer des requêtes.
  • @rkrupinski/use-state-machine Un hook de machine à états finis.
  • @staltz/use-profunctor-state React Hook pour la gestion d’état avec les Profunctor Optics
  • @webscopeio/react-health-check 🏥 React hook léger pour vérifier la santé des services d’API.
  • @wellyshen/use-web-animations 🍿 React hook pour des animations très performantes et manipulables grâce à la Web Animations API.
  • @withvoid/melting-pot Bibliothèque d’utilitaires React hook.
  • ahooks/usetable Une solution progressive pour les scénarios de tableaux de requêtes.
  • concent Gestion d’état taillée pour React, simple, prévisible, progressive et efficace.
  • constate Transformez votre état local en état global grâce à useContextState et useContextReducer.
  • conuse Partage de hooks via le Context
  • easy-peasy Un état global ultra simple pour React.
  • fetch-suspense React hook pour l’API Fetch avec prise en charge de Suspense.
  • graphql-hooks Client GraphQL minimal, avec les hooks d’abord.
  • mobx-react-lite Liaisons React légères pour MobX, basées sur les React hooks expérimentaux.
  • modali Un composant de boîte de dialogue modale agréable pour React, conçu dès le départ pour prendre en charge les React Hooks.
  • moment-hooks Une bibliothèque contenant des react hooks génériques
  • nice-hooks 🍹 Une foule de hooks sympathiques pour rendre les react hooks plus faciles à utiliser (callback de useState / cycle de vie / variable d’instance)
  • promise-hook React hook pour simplifier la récupération de données basée sur les Promises.
  • reactive-react-redux Liaison React Redux avec React Hooks et Proxy
  • react-async-hook React hook pour récupérer des données ad hoc dans vos composants React.
  • react-cached-callback React hooks pour mettre en cache de nombreux callbacks par clé, par exemple dans des boucles.
  • react-context-refs React hooks pour obtenir les refs d’éléments via le context.
  • react-cookie React hooks pour les cookies universels.
  • react-cool-dimensions 📏 React hook pour mesurer la taille d’un élément et gérer des composants responsive.
  • react-cool-form 📋 React hooks pour l’état et la validation des formulaires, moins de code et plus de performance.
  • react-cool-inview 🖥️ React hook pour surveiller l’entrée ou la sortie d’un élément du viewport (ou d’un autre élément).
  • react-cool-onclickoutside 🖱 React hook pour écouter les clics en dehors du ou des composants.
  • react-cool-portal 🍒 React hook pour les Portals, qui affiche modals, dropdowns, tooltips, etc. dans ou ailleurs.
  • react-cool-virtual ♻️ Un petit React hook pour afficher de grands ensembles de données en un clin d’œil.
  • react-countdown-hook Hook de compte à rebours pour React, d’une simplicité enfantine mais puissant. Propulsé par requestAnimationFrame.
  • react-darkreader 🌓 Un React Hook pour ajouter un mode sombre / nuit à votre site, inspiré de darkreader.
  • react-declare-form Bibliothèque de formulaires déclarative basée sur un React hook.
  • react-deep-hooks React hooks pour les dépendances non primitives.
  • react-dom-status-hook React hook pour s’abonner à l’événement DOMContentLoaded.
  • react-enhanced-reducer-hook Une alternative à useReducer qui accepte des middlewares.
  • react-fetch-hook React hook pour utiliser commodément l’API Fetch.
  • react-firebase-hooks Une collection de hooks à utiliser avec Firebase.
  • react-form-stateful Bibliothèque de formulaires. Expose dispatch pour permettre d’étendre la bibliothèque au moyen d’effets de bord.
  • react-hanger Une petite collection de hooks utilitaires.
  • react-hook-mighty-mouse React hook qui suit les événements de souris sur l’élément sélectionné 🐭
  • react-hook-mousetrap Un hook pour déclencher des callbacks sur des touches ou des combinaisons de touches, propulsé par mousetrap.
  • react-hookedup Une collection de React hooks utiles.
  • react-hook-form La validation de formulaires sans prise de tête.
  • react-hook-layout Gestion de la mise en page dans React.
  • react-hooks-async React hooks personnalisés pour fonctions asynchrones, avec annulation et composabilité
  • react-hooks-global-state Une gestion d’état global simple.
  • react-hooks-image-size Hook pour obtenir la taille naturelle d’une image à partir de son url.
  • react-hooks-lib Un ensemble de react hooks réutilisables.
  • react-hooks-svgdrawing Des hooks pour le dessin SVG.
  • react-hooks-use-modal Un hook pour ouvrir facilement une modale.
  • react-hooks-visible Un hook pour la visibilité des éléments. Utilise l’API Intersection Observer.
  • react-hooks-worker React hooks personnalisés pour web workers
  • react-hotkey-hook React hook pour les raccourcis clavier.
  • react-i18next L’internationalisation pour React, comme il se doit.
  • react-immer-hooks useState et useReducer utilisant Immer pour mettre à jour l’état.
  • react-indicative-hooks Hooks enveloppant une bibliothèque de validation de données nommée Indicative
  • react-intersection-visible-hook React hook pour suivre la visibilité d’un composant fonctionnel.
  • react-media-hook React hook pour les Media Queries.
  • react-metatags-hook React Hook pour gérer les balises meta html.
  • react-native-react-bridge Un plugin React Native pour exécuter React et gérer la communication entre eux.
  • react-optimistic-ui-hook ⚛️ Implémentation minimaliste du motif « optimistic UI » avec un React hook
  • react-page-name React Hook pour gérer le titre de la page.
  • react-peer-data Wrapper React pour la bibliothèque PeerData, pour le streaming/partage de fichiers et de médias via WebRTC.
  • react-pirate Hooks de cycle de vie et utilitaires pour React.
  • react-powerhooks API de hooks pour les composants react-powerplug.
  • react-promiseful Un composant et hook React pour afficher conditionnellement des enfants selon le statut d’une promesse.
  • react-query Hooks pour récupérer, mettre en cache et mettre à jour des données asynchrones dans React.
  • react-recaptcha-hook React hook pour google-recaptcha v3
  • react-recipes 👩‍🍳 Collection de recettes de hooks indispensables 🥘
  • react-request-hook Requêtes d’API gérées, annulables et orientées sûreté.
  • react-responsive Module de media query pour React.
  • react-rocketjump Gérez l’état et les effets de bord en un clin d’œil.
  • react-screen-wake-lock Implémentation React de l’API Screen Wake Lock. Elle fournit un moyen d’empêcher les appareils d’assombrir ou de verrouiller l’écran lorsqu’une application doit continuer à fonctionner
  • react-script-hook React hook pour charger dynamiquement un script externe et savoir quand il est chargé
  • react-selector-hooks Collection de fabriques de sélecteurs mémoïsés basés sur des hooks, pour des déclarations en dehors du rendu.
  • react-speech-kit Hooks pour la reconnaissance vocale et la synthèse vocale du navigateur.
  • react-state-patterns Paquet utilitaire pour créer des implémentations réutilisables des patterns de state provider React à partir de hooks.
  • react-swipeable Hook React de gestion des événements de swipe.
  • react-tracked Un état global simple et rapide avec React Context. Éliminez les re-rendus inutiles sans effort.
  • react-uniformed 🚀 Formulaires React déclaratifs utilisant des hooks.
  • react-use-api Données de requêtes HTTP asynchrones pour axios. Conçu pour des états d’interface variés, la SSR et le pré-cache de données.
  • react-use-browser Un hook permettant l’hydratation côté client de composants rendus côté serveur lorsque le balisage produit par le serveur doit différer du balisage final de l’application cliente.
  • react-use-calendar Un hook pour implémenter un calendrier avec des événements.
  • react-use-clipboard Un hook qui copie du texte dans le presse-papiers de l’utilisateur.
  • react-use-d3 Un React hook pour utiliser D3.
  • react-use-data-loader React hook pour charger des données
  • react-use-fetch-factory React hook qui s’occupe de récupérer et de sélectionner des données avec redux.
  • react-use-fetch-with-redux React hook qui met en cache les requêtes d’API et fonctionne avec redux.
  • react-use-form-state React hook pour gérer l’état des formulaires et des champs.
  • react-use-id-hook React hook pour générer des chaînes d’identifiants uniques compatibles SSR.
  • react-use-idb React hook pour stocker des valeurs dans le navigateur avec indexDB.
  • react-use-infinite-loader :infinity: :page_with_curl: :hourglass_flowing_sand: Hook de chargement infini (scroll) ultra léger pour les applications React
  • react-use-input 🎣 Un hook dont le setter peut être passé directement aux champs HTML
  • react-use-lazy-load-image :sunrise: :zap: Ajoutez facilement le chargement différé d’images à votre application React
  • react-use-message-bar Un React hook simple pour les barres de messages.
  • react-use-modal React hook pour gérer les modales.
  • react-use-path Le plus petit router React sous forme de hook.
  • react-use-scroll-position React hook pour utiliser la position de défilement.
  • react-use-trigger React hook pour déclencher un effet depuis n’importe quel endroit du code
  • react-use-watch Un React hook qui se déclenche une seule fois lorsque les dépendances ont changé.
  • react-use-wavelet React hooks pour se connecter à la plateforme de smart-contracts Wavelet
  • react-use Collection de hooks indispensables.
  • react-useFormless React hook pour gérer l’état des formulaires.
  • react-usemiddleware React hook pour utiliser des middlewares Redux existants (comme thunk ou saga) avec useReducer.
  • react-useportal 🌀 usePortal, React hook pour les Portals
  • react-user-media Wrapper React pour navigator.getUserMedia.
  • react-wait Hook de gestion de loaders complexes pour applications React.
  • react-window-communication-hook React hook pour communiquer entre contextes de navigation (onglets, fenêtres, iframes).
  • react-with-hooks Ponyfill pour l’API React Hooks proposée.
  • reaktion Hook similaire à useState pour la gestion d’état global.
  • redhooks Gestion d’état global avec React Hooks. Elle prend également en charge l’utilisation de middlewares comme redux-thunk ou redux-saga, ou votre propre middleware personnalisé.
  • redux-react-hook React hook pour accéder à l’état mappé d’un store Redux.
  • region-core Un framework de gestion d’état global avec un hook useProps.
  • rehooks-visibility-sensor Vérifie si un élément a défilé dans le champ de vision ou non.
  • resynced Gestion d’états multiples avec l’API React Hooks.
  • reto Un store React flexible et efficace, avec hooks.
  • rrh React Hooks ultra simples pour react-redux.
  • rxjs-hooks Un moyen facile d’utiliser RxJS v6+ avec les react hooks.
  • scroll-data-hook Renvoie des informations sur la vitesse de défilement, la distance, la direction, etc.
  • style-hook 🎨 écrivez du css en js avec les react hooks.
  • swr Bibliothèque de React Hooks pour la récupération de données distantes.
  • the-platform Des API du navigateur transformées en React Hooks et des éléments React compatibles Suspense pour les situations courantes.
  • trousers 👖 Une bibliothèque CSS-in-JS hooks d’abord, axée sur la sémantique et les performances à l’exécution
  • use-abortable-fetch React hook qui effectue un fetch et l’annule lorsque le composant est démonté ou qu’une autre requête est effectuée.
  • use-action Quasiment identique à useEffect, mais sans différer l’exécution.
  • use-as-bind React hook pour utiliser as-bind avec une source WASM.
  • use-async-memo React hook pour générer des données asynchrones mémoïsées.
  • use-autocomplete Un React hook qui renvoie des valeurs d’autocomplétion pour une chaîne de recherche au sein d’un tableau.
  • use-axios-react React hooks CRUD pour axios, avec une liste complète d’exemples
  • use-boolean Des aides pratiques pour gérer un état booléen.
  • use-browser-history Un React hook pour gérer les événements d’historique du navigateur.
  • use-cart Un React hook qui vous offre des fonctionnalités de panier d’achat.
  • use-click-away React hook à utiliser quand vous voulez qu’un callback soit invoqué lorsqu’un élément du DOM n’a pas été cliqué.
  • use-clippy Un React hook pour lire et écrire dans le presse-papiers de l’utilisateur.
  • use-context-selector Hook useContextSelector pour React, côté utilisateur.
  • use-controlled-input-number React hook pour rendre le comportement des champs numériques à peu près conforme à ce qu’on attend.
  • use-countries React hook personnalisé pour lister les pays et les langues.
  • use-debounce Un hook de debounce (et de throttle) pour React.
  • use-deep-compare Ce sont les hooks useEffect/useMemo/useCallback de React, mais avec une comparaison profonde des entrées.
  • use-deep-compare-effect 🐋 C’est le hook useEffect de React, mais avec une comparaison profonde des entrées plutôt que l’égalité de référence.
  • use-detect-print React hook pour détecter quand une page est en cours d’impression.
  • use-dimensions React hook pour React Native afin d’obtenir les dimensions de l’écran et de la fenêtre.
  • use-double-click React hook pour les doubles clics continus et la combinaison des événements de clic et de double clic
  • use-eazy-auth React hooks pour gérer l’authentification.
  • use-events Un ensemble de React Hooks pour gérer les événements de souris.
  • use-force-update React hook pour forcer le re-rendu d’un composant fonctionnel.
  • use-hotkeys React Hook basé sur HotKeys.js qui écoute les événements clavier keydown et keyup, définissant et distribuant des raccourcis clavier.
  • use-hovering React hook simple et accessible pour suivre l’état de survol.
  • use-http 🐶 useFetch, React hook pour effectuer des requêtes http isomorphes.
  • use-immer Un hook pour utiliser immer afin de manipuler l’état.
  • use-input-file React hook pour créer des champs de fichier.
  • use-is-mounted-ref useIsMountedRef est un React Hook pour vérifier quand le composant est monté.
  • use-lang-direction Un hook qui lit la valeur de l’attribut dir de l’élément HTML et ses mises à jour, vous permettant d’adapter votre interface en conséquence.
  • use-last-fm Un hook pour afficher en temps réel la chanson en cours de lecture depuis Spotify ou tout autre site pris en charge par last.fm. ♪
  • use-lilius Un hook de calendrier headless pour React.
  • use-media Media queries CSS avec un React hook.
  • use-mouse-action React Hooks pour écouter à la fois les événements de pression/relâchement de la souris et de clic avec une fonction à appel unique.
  • use-multiselect Gérez l’état d’une sélection multiple.
  • use-overflow Un React Hook qui permet de détecter le débordement en X et en Y
  • use-places-autocomplete 📍 React hook pour l’autocomplétion de lieux de Google Maps.
  • use-popper Wrapper React hook autour de Popper.js.
  • use-query-params Un React Hook pour gérer l’état dans les paramètres de requête d’URL avec une sérialisation facile.
  • use-react-modal 🖼 useModal, React hook pour les modales/boîtes de dialogue/lightboxes
  • use-react-router React Hook pour un comportement pub-sub avec React Router.
  • use-reactive-state useReactiveState() - une alternative réactive au useState() de React.
  • use-reducer-async React useReducer avec des actions asynchrones
  • use-redux Un hook pour lier redux.
  • use-scroller React hook qui ajoute automatiquement la page suivante, épargnant aux utilisateurs un chargement complet de la page.
  • use-scroll-to-bottom React hook pour détecter quand un élément a été défilé jusqu’en bas.
  • use-simple-undo Implémentation simple des fonctions annuler/rétablir.
  • server-push-hooks 🔥 React hooks pour socket.io, SEE et bien d’autres à venir
  • use-socket.io-client React hook pour socket.io-client, manipulez le client socket.io sans aucun effet de bord.
  • use-sse ✨useSSE - use Server-Side Effect. useEffect à la fois côté client et côté serveur.
  • use-ssr ☯️ React hook pour déterminer si vous êtes sur le serveur, le navigateur ou react native.
  • use-state-snapshots Un React hook pour suivre les changements d’état en vue d’une fonctionnalité annuler/rétablir.
  • use-substate React hook pour s’abonner à l’état unique de votre application (fonctionne avec votre application Redux actuelle).
  • use-suspender Exécutez des actions asynchrones avec React.Suspense
  • use-t Multilingue grâce aux hooks.
  • use-undo React hook pour implémenter les fonctions annuler et rétablir.
  • use-videocard React hook pour récupérer les informations de la carte graphique du client grâce à canvas
  • use-window-blur-change-title React Hook pour définir le titre de la page lorsque l’utilisateur déplace le focus hors de la fenêtre courante.
  • useDarkMode Un React Hook personnalisé pour vous aider à implémenter un composant « mode sombre ».
  • useDeferredState Un React hook pour différer un changement d’état. C’est essentiel lorsque votre interface doit attendre la fin de l’animation de disparition pour démonter un composant.
  • useDropZone React hook qui vous permet de mettre en place une fonctionnalité simple de glisser-déposer.
  • useEmailAutocomplete 📬 React hook pour les champs d’e-mail à autocomplétion.
  • useFileDialog Ouvrez la boîte de dialogue de fichiers sans vous battre avec le champ de fichier grâce au React hook useFileDialog
  • useInView Implémentation React de l’API Intersection Observer pour vous indiquer quand un élément entre ou sort du viewport.
  • useIsTyping Hook pour savoir si l’utilisateur est en train de saisir du texte dans un textarea ou un input
  • useKeyCapture ⌨️ Un hook simple pour faciliter l’écoute des événements keyDown.
  • usePosition React hook pour obtenir la position haut-gauche d’un élément.
  • useReducerWithEffects React Hook qui regroupe reducer et effets de bord
  • useReducerWithLocalStorage React hook qui ajoute la prise en charge du stockage local au hook useReducer
  • useScreenType Détermine le type de taille d’écran pour la grille Bootstrap 4.
  • useScreenType React hook pour obtenir dynamiquement le type d’écran actuel (mobile, tablette, ordinateur de bureau) avec une prise en charge configurable des breakpoints.
  • useScrollSpy React hook pour mettre à jour automatiquement la navigation en fonction de la position de défilement.
  • useServiceWorker Un React hook capable d’enregistrer un service worker
  • useValueAfter React hook très simple pour fournir facilement des props différentes à un composant (pratique pour tester les cas limites)
  • useWaitForElements Un hook simple pour attendre que des éléments soient rendus avec MutationObserver.
  • useWindowOrientation Un hook renvoyant l’orientation de la fenêtre (portrait ou paysage) à partir de ses dimensions actuelles
  • useWindowWidthBreakpoints Un hook pour utiliser des breakpoints de largeur de fenêtre (inspirés de Bootstrap)

HagiCode

HagiCode est un espace de développement agentique. Des interactions d’interface riches et pratiques rendent la planification, l’exécution des agents et le travail sur les projets accessibles et faciles à suivre, pour une expérience de développement engageante.

Une expérience de développement engageante grâce à des interactions d’interface riches et pratiques.

Visiter HagiCodeLire la documentation
  • IntelligentLes workflows OpenSpec transforment une intention en parcours exécutable, de la proposition à la livraison en passant par la conception et les tâches.
  • EfficaceL’exécution multi-agent fait avancer recherche, réalisation et revue en parallèle, sur plusieurs dépôts et avec les Agent CLI que vous utilisez déjà.
  • IntéressantDes interactions d’interface riches et pratiques rendent la planification, l’exécution des agents et le travail sur les projets accessibles et faciles à suivre.

Télécharger pour Windows

Obtenir sur le Microsoft StoreTous les téléchargements

Transformez vos idées en logiciels livrés.

HagiCode est un espace de développement agentique : les workflows OpenSpec planifient le changement, l’exécution multi-agent le réalise et Hero Scenario rend le long parcours visible, pour transformer vos idées en logiciels livrés.

Télécharger HagiCodeDocumentation produit
Intelligent
Les workflows OpenSpec transforment une intention en parcours, de la proposition à la livraison.
Efficace
L’exécution multi-agent mène recherche, réalisation et revue en parallèle.
Ludique
Les interactions d’interface facilitent la planification, l’exécution des agents et les projets.

© 2026 HagiCode | Powered By hagilight-starlight@0.21.0 | Branch: main | Commit: 745b50b | Built:

Quitter Awesome Site ?

Vous allez visiter un site externe. Nous ne contrôlons ni son contenu ni ses pratiques de confidentialité.

Site de destination

Continuer vers le site