Ir al contenido
HagiCodeAwesome Site

Seleccionar idioma

Idioma actual: Español (España)

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

Sección titulada «awesome-react-hooks »

Recursos de React Hooks Impresionantes

Documentación

Sección titulada «Documentación»

Discusiones

Sección titulada «Discusiones»

Tutoriales

Sección titulada «Tutoriales»

Videos

Sección titulada «Videos»

Podcasts

Sección titulada «Podcasts»

Herramientas

Sección titulada «Herramientas»

Catálogos

Sección titulada «Catálogos»

Paquetes

Sección titulada «Paquetes»
  • @21kb/react-hooks Un conjunto de React Hooks para quedarte enganchado.
  • @d2k/react-devto Hook de React para solicitudes de API de Dev.to
  • @d2k/react-github Hook de React para solicitudes de API de Github
  • @d2k/react-localstorage Hook de React que maneja la actualización y limpieza de valores de almacenamiento local manteniéndolos sincronizados con tus componentes.
  • @elgorditosalsero/react-gtm-hook Hook de React para manejar fácilmente Google Tag Manager.
  • @hookstate/core Gestión de estado moderna, muy rápida y extensible para React.
  • @jzone/react-request-hook 🐶Hook de React para solicitudes personalizadas, compatible con varias lib, admite redux
  • @kevinwolf/formal Primitivos elegantes de gestión de formularios para la era de react hooks.
  • @koale/useworker ⚙️ Ejecutar tareas pesadas en segundo plano usando web workers, sin bloquear la interfaz de usuario
  • @marvelsq/use-properties-hook Funciones de instancia dentro de FunctionComponent como class-properties e igual en ShallowCompare
  • @rehooks/component-size Hook de React para determinar el tamaño de un componente.
  • @rehooks/document-title Hook de React para actualizar el título del documento.
  • @rehooks/document-visibility Hook de React para suscribirse a la visibilidad del documento.
  • @rehooks/input-value Hook de React para crear valores de entrada.
  • @rehooks/local-storage Hook de React que sincroniza localStorage[key] con el componente.
  • @rehooks/network-status Hook de React para obtener el estado de la red.
  • @rehooks/online-status Hook de React para el estado en línea.
  • @rehooks/window-scroll-position Hook de React para obtener la posición x e y de la ventana.
  • @rehooks/window-size Hook de React para suscribirse al tamaño de la ventana.
  • @rekindle/use-request 🤖 Hook de React para hacer solicitudes.
  • @rkrupinski/use-state-machine Un hook de máquina de estados finitos.
  • @staltz/use-profunctor-state Hook de React para gestión de estado con Profunctor Optics
  • @webscopeio/react-health-check 🏥 Hook de React ligero para verificar la salud de servicios API.
  • @wellyshen/use-web-animations 🍿 Hook de React para animaciones altamente eficientes y manipulables usando Web Animations API.
  • @withvoid/melting-pot Biblioteca de utilidades de hooks React.
  • ahooks/usetable Una solución progresiva para el escenario de tabla de consultas.
  • concent Gestión de estado adaptada a React, es simple, predecible, progresivo y eficiente.
  • constate Transforma tu estado local en estado global usando useContextState y useContextReducer.
  • conuse Compartir Hook con Contexto
  • easy-peasy Estado global fácil peasy para React.
  • fetch-suspense Hook de React para la API de Fetch con soporte para Suspense.
  • graphql-hooks Cliente GraphQL minimalista con hooks primero.
  • mobx-react-lite Vinculaciones React ligeras para MobX basadas en hooks React experimentales.
  • modali Un componente de diálogo modal delicioso para React, construido desde cero para soportar React Hooks.
  • moment-hooks Una biblioteca que contiene hooks react genéricos
  • nice-hooks 🍹 Muchos hooks bonitos para facilitar el uso de react hooks (callback de useState / ciclo de vida / variable de instancia)
  • promise-hook Hook de React para simplificar la obtención de datos basada en Promise.
  • reactive-react-redux Vinculación React Redux con React Hooks y Proxy
  • react-async-hook Hook de React para obtener datos ad-hoc en tus componentes React.
  • react-cached-callback Hooks de React para almacenar en caché muchas devoluciones de llamada por clave, por ejemplo, en bucles.
  • react-context-refs Hooks de React para obtener referencias de elementos a través del contexto.
  • react-cookie Hooks de React para cookies universales.
  • react-cool-dimensions 📏 Hook de React para medir el tamaño de un elemento y manejar componentes responsivos.
  • react-cool-form 📋 Hooks de React para estado y validación de formularios, menos código más rendimiento.
  • react-cool-inview 🖥️ Hook de React para monitorear cuando un elemento entra o sale de la ventana gráfica (u otro elemento).
  • react-cool-onclickoutside 🖱 Hook de React para escuchar clics fuera del componente(s).
  • react-cool-portal 🍒 Hook de React para Portales, que renderiza modales, menús desplegables, información sobre herramientas, etc. a o similar.
  • react-cool-virtual ♻️ Un pequeño hook de React para renderizar grandes conjuntos de datos sin esfuerzo.
  • react-countdown-hook Hook de cuenta atrás muerto simple pero poderoso para React. Impulsado por requestAnimationFrame.
  • react-darkreader 🌓 Un hook de React para agregar un modo oscuro / noche a tu sitio inspirado en darkreader.
  • react-declare-form Biblioteca de formularios declarativos basada en hooks de React.
  • react-deep-hooks Hooks de React para dependencias no primitivas.
  • react-dom-status-hook Hook de React para suscribirse al evento DOMContentLoaded.
  • react-enhanced-reducer-hook Una alternativa a useReducer que acepta middlewares.
  • react-fetch-hook Hook de React para usar convenientemente la API de Fetch.
  • react-firebase-hooks Una colección de hooks para usar con Firebase.
  • react-form-stateful Biblioteca de formularios. Expone dispatch para permitir que la biblioteca se extienda a través de efectos secundarios.
  • react-hanger Una pequeña colección de hooks de utilidad.
  • react-hook-mighty-mouse Hook de React que rastrea eventos del ratón en el elemento seleccionado 🐭
  • react-hook-mousetrap Un hook para desencadenar devoluciones de llamada en teclas o combinaciones de teclas, impulsado por mousetrap.
  • react-hookedup Una colección de hooks React útiles.
  • react-hook-form Validación de formularios sin molestias.
  • react-hook-layout Gestión de diseño en React.
  • react-hooks-async Hooks personalizados de React para funciones asincrónicas con capacidad de cancelación y composición
  • react-hooks-global-state Una gestión de estado global simple.
  • react-hooks-image-size Hook para obtener el tamaño natural de la imagen desde url.
  • react-hooks-lib Un conjunto de hooks react reutilizables.
  • react-hooks-svgdrawing Un hook para dibujo SVG.
  • react-hooks-use-modal Un hook para abrir el modal fácilmente.
  • react-hooks-visible Un hook para la visibilidad del elemento. Utiliza la API del Observador de Intersección.
  • react-hooks-worker Hooks personalizados de React para web workers
  • react-hotkey-hook Hook de React para teclas de acceso rápido.
  • react-i18next Internacionalización para React como es debido.
  • react-immer-hooks useState y useReducer usando Immer para actualizar el estado.
  • react-indicative-hooks Hooks envolviendo una biblioteca de validación de datos llamada Indicative
  • react-intersection-visible-hook Hook de React para rastrear la visibilidad de un componente funcional.
  • react-media-hook Hook de React para Consultas de Medios.
  • react-metatags-hook Hook de React para administrar etiquetas meta html.
  • react-native-react-bridge Un complemento de React Native para ejecutar React y manejar la comunicación entre ellos.
  • react-optimistic-ui-hook ⚛️ Implementación minimalista del patrón “optimistic UI” con un hook de React
  • react-page-name Hook de React para administrar el título de la página.
  • react-peer-data Envoltorio de React para la biblioteca PeerData para transmisión/compartición de archivos y medios mediante WebRTC.
  • react-pirate Hooks de ciclo de vida y utilidades para React.
  • react-powerhooks API de hooks para componentes react-powerplug.
  • react-promiseful Un componente y hook de React para renderizar hijos condicionalmente en función del estado de una promesa.
  • react-query Hooks para obtener, almacenar en caché y actualizar datos asincronos en React.
  • react-recaptcha-hook Hook de React para google-recaptcha v3
  • react-recipes 👩‍🍳 Colección de recetas de hooks esenciales 🥘
  • react-request-hook Solicitudes de API gestionadas, cancelables y orientadas a la seguridad.
  • react-responsive Módulo de consulta de medios para React.
  • react-rocketjump Administra el estado y los efectos secundarios sin esfuerzo.
  • react-screen-wake-lock Implementación de React de la API Screen Wake Lock. Proporciona una forma de evitar que los dispositivos atenúen o bloqueen la pantalla cuando una aplicación necesita seguir ejecutándose
  • react-script-hook Hook de React para cargar dinámicamente un script externo y saber cuándo se carga
  • react-selector-hooks Colección de fábricas de selectores memoizados basadas en hooks para declaraciones fuera del renderizado.
  • react-speech-kit Hooks para reconocimiento de voz y síntesis de voz del navegador.
  • react-state-patterns Paquete de utilidad para crear implementaciones reutilizables de patrones de proveedor de estado de React a partir de hooks.
  • react-swipeable Hook de React para manejar eventos de deslizamiento.
  • react-tracked Un estado global simple y rápido con React Context. Elimina re-renders innecesarios sin esfuerzo.
  • react-uniformed 🚀 Formularios de React declarativos usando hooks.
  • react-use-api Datos de solicitud HTTP asincrónica para axios. Diseñado para estados de interfaz diversos, SSR y pre-almacenamiento en caché de datos.
  • react-use-browser Un hook que permite la hidratación del lado del cliente de componentes renderizados del lado del servidor cuando el marcado producido por el servidor necesita diferir del marcado final de la aplicación del cliente.
  • react-use-calendar Un hook para implementar un calendario con eventos.
  • react-use-clipboard Un hook que copia texto al portapapeles del usuario.
  • react-use-d3 Un hook de React para usar D3.
  • react-use-data-loader Hook de React para cargar datos
  • react-use-fetch-factory Hook de React que se encarga de obtener y seleccionar datos con redux.
  • react-use-fetch-with-redux Hook de React que almacena en caché solicitudes de API que funcionan con redux.
  • react-use-form-state Hook de React para administrar el estado del formulario e de las entradas.
  • react-use-id-hook Hook de React para generar cadenas de identificación únicas compatibles con SSR.
  • react-use-idb Hook de React para almacenar valor en el navegador usando indexDB.
  • react-use-infinite-loader :infinity: :page_with_curl: :hourglass_flowing_sand: Hook de carga infinita (desplazamiento) ultra ligero para aplicaciones React
  • react-use-input 🎣 Un hook cuyo setter puede pasarse directamente a las entradas HTML
  • react-use-lazy-load-image :sunrise: :zap: Agrega carga perezosa de imágenes a tu aplicación React con facilidad
  • react-use-message-bar Un hook de React simple para barras de mensajes.
  • react-use-modal Hook de React para administrar modal.
  • react-use-path El router de React de estilo hook más pequeño.
  • react-use-scroll-position Hook de React para usar la posición de desplazamiento.
  • react-use-trigger Hook de React para desencadenar efecto desde cualquier lugar del código
  • react-use-watch Un hook de React que se activa una sola vez cuando las dependencias han cambiado.
  • react-use-wavelet Hooks de React para conectarse a la plataforma de contratos inteligentes Wavelet
  • react-use Colección de hooks esenciales.
  • react-useFormless Hook de React para administrar el estado de los formularios.
  • react-usemiddleware Hook de React para usar middlewares Redux existentes (como thunk o saga) con useReducer.
  • react-useportal 🌀 usePortal, hook de React para Portales
  • react-user-media Envoltorio de React para navigator.getUserMedia.
  • react-wait Hook de Gestión de Cargadores Complejos para Aplicaciones React.
  • react-window-communication-hook Hook de React para comunicarse entre contextos del navegador (pestañas, ventanas, iframes).
  • react-with-hooks Ponyfill para la API de React Hooks propuesta.
  • reaktion Hook similar a useState para gestión de estado global.
  • redhooks Gestión de estado global con React Hooks. También admite el uso de middlewares como redux-thunk o redux-saga, o tu propio middleware personalizado.
  • redux-react-hook Hook de React para acceder al estado mapeado de una tienda Redux.
  • region-core Un framework de gestión de estado global con un hook useProps.
  • rehooks-visibility-sensor Verifica si un elemento se ha desplazado hacia la vista o no.
  • resynced Gestión de múltiples estados usando la API React Hooks.
  • reto Una tienda de React flexible y eficiente con hooks.
  • rrh Hooks de React súper simples para react-redux.
  • rxjs-hooks Una forma fácil de usar RxJS v6+ con react hooks.
  • scroll-data-hook Devuelve información sobre la velocidad de desplazamiento, distancia, dirección y más.
  • style-hook 🎨 escribe css en js con react hooks.
  • swr Biblioteca de hooks de React para obtención de datos remotos.
  • the-platform Las API del navegador convertidas en hooks de React y elementos React amigables con Suspense para situaciones comunes.
  • trousers 👖 Una biblioteca CSS-in-JS centrada en hooks, enfocada en semántica y rendimiento en tiempo de ejecución
  • use-abortable-fetch Hook de React que realiza un fetch y lo cancela cuando el componente se desmonta o se realiza una solicitud diferente.
  • use-action Casi lo mismo que useEffect, pero sin aplazamiento.
  • use-as-bind Hook de React para usar as-bind con una fuente WASM.
  • use-async-memo Hook de React para generar datos asincronos memoizados.
  • use-autocomplete Un hook de React que devuelve valores de autocompletado para una cadena de búsqueda dentro de un array.
  • use-axios-react Hooks CRUD de React para axios, lista completa de ejemplos
  • use-boolean Ayudantes convenientes para manejar estado booleano.
  • use-browser-history Un hook de React para manejar eventos del historial del navegador.
  • use-cart Un hook de React que te proporciona funcionalidad de carrito de compras.
  • use-click-away Hook de React para cuando quieres que se invoque un callback cuando no se hace clic en un elemento del DOM.
  • use-clippy Un hook de React para leer y escribir en el portapapeles del usuario.
  • use-context-selector Hook useContextSelector de React en userland.
  • use-controlled-input-number Hook de React para convertir el comportamiento de entrada numérica en más o menos lo que esperas.
  • use-countries Hook de React personalizado para listar países e idiomas.
  • use-debounce Un hook de debounce (y throttle) para React.
  • use-deep-compare Son los hooks useEffect/useMemo/useCallback de React, excepto usando comparación profunda en las entradas.
  • use-deep-compare-effect 🐋 Es el hook useEffect de React, excepto usando comparación profunda en las entradas, no igualdad de referencia.
  • use-detect-print Hook de React para detectar cuando una página se está imprimiendo.
  • use-dimensions Hook de React Native para obtener dimensiones de pantalla y ventana.
  • use-double-click Hook de React para dobles clics continuos y combinación de eventos de clic y doble clic
  • use-eazy-auth Hooks de React para manejar autenticación.
  • use-events Un conjunto de Hooks de React para manejar eventos del ratón.
  • use-force-update Hook de React para forzar el re-render de un Componente Funcional.
  • use-hotkeys Hook de React de HotKeys.js que escucha eventos de teclado keydown y keyup, definiendo y distribuyendo accesos directos de teclado.
  • use-hovering Hook de React simple y accesible para rastrear el estado de desplazamiento.
  • use-http 🐶 useFetch, hook de React para realizar solicitudes http isomórficas.
  • use-immer Un hook para usar immer para manipular el estado.
  • use-input-file Hook de React para crear entrada de archivo.
  • use-is-mounted-ref useIsMountedRef es un Hook de React para verificar cuándo está montado el componente.
  • use-lang-direction Un hook que lee el valor del atributo dir del elemento HTML y cualquier actualización a ese valor, permitiéndote actualizar tu interfaz en consecuencia.
  • use-last-fm Un hook para mostrar tu canción actualmente reproducida desde Spotify o cualquier otro sitio que last.fm admita en tiempo real. ♪
  • use-lilius Un hook de calendario sin cabeza para React.
  • use-media Consultas de medios CSS con un hook de React.
  • use-mouse-action Hooks de React para escuchar tanto eventos de presión/liberación del ratón como eventos de clic con una función llamada una sola vez.
  • use-multiselect Administra el estado de selección múltiple.
  • use-overflow Un Hook de React que te permite detectar desbordamiento X e Y
  • use-places-autocomplete 📍 Hook de React para autocompletado de lugares de Google Maps.
  • use-popper Hook de React envolviendo Popper.js.
  • use-query-params Un Hook de React para administrar el estado en parámetros de consulta de URL con serialización fácil.
  • use-react-modal 🖼 useModal, hook de React para Modales/Diálogos/Lightboxes
  • use-react-router Hook de React para comportamiento pub-sub usando React Router.
  • use-reactive-state useReactiveState() - una alternativa reactiva al useState() de React.
  • use-reducer-async React useReducer con acciones asincrónicas
  • use-redux Un hook para enlazar redux.
  • use-scroller Hook de React que agrega automáticamente la siguiente página, ahorrando a los usuarios una carga completa de página.
  • use-scroll-to-bottom Hook de React para detectar cuándo se ha desplazado un elemento hacia la parte inferior.
  • use-simple-undo Implementación simple de la funcionalidad deshacer/rehacer.
  • server-push-hooks 🔥 Hooks de React para socket.io, SEE y más por venir
  • use-socket.io-client Hook de React para socket.io-client, manipula el cliente socket.io sin ningún efecto secundario.
  • use-sse ✨useSSE - use Server-Side Effect. useEffect tanto en el lado del cliente como del servidor.
  • use-ssr ☯️ Hook de React para determinar si estás en el servidor, navegador o react native.
  • use-state-snapshots Un hook de React para rastrear cambios de estado para la funcionalidad deshacer/rehacer.
  • use-substate Hook de React para suscribirse a tu estado de aplicación único (funciona con tu aplicación Redux actual).
  • use-suspender Ejecuta acciones asincrónicas con React.Suspense
  • use-t Multiidioma usando hooks.
  • use-undo Hook de React para implementar la funcionalidad Deshacer y Rehacer.
  • use-videocard Hook de React para obtener la información de la tarjeta gráfica del cliente usando canvas
  • use-window-blur-change-title Hook de React para establecer el título de la página cuando el usuario cambia el enfoque fuera de la ventana actual.
  • useDarkMode Un Hook de React personalizado para ayudarte a implementar un componente de “modo oscuro”.
  • useDeferredState Un hook de React para diferir un cambio de estado. Esto es esencial cuando tu interfaz necesita esperar a que la animación de desaparición se complete para desmontar el componente.
  • useDropZone Hook de React que te permite establecer una funcionalidad simple de arrastrar y soltar.
  • useEmailAutocomplete 📬 Hook de React para campos de correo electrónico con autocompletado.
  • useFileDialog Abre el diálogo de archivo sin luchar con la entrada de archivo usando el hook de React useFileDialog
  • useInView Implementación de React de la API del Observador de Intersección para indicarte cuándo un elemento entra o sale de la ventana gráfica.
  • useIsTyping Hook para saber si el usuario está escribiendo dentro de un textarea o input
  • useKeyCapture ⌨️ Un hook simple para facilitar la escucha de eventos keyDown.
  • usePosition Hook de React para obtener la posición arriba a la izquierda de un elemento.
  • useReducerWithEffects Hook de React que coloca reducer y efectos secundarios
  • useReducerWithLocalStorage Hook de React que agrega compatibilidad con almacenamiento local al hook useReducer
  • useScreenType Determinación del tipo de tamaño de pantalla para la grilla Bootstrap 4.
  • useScreenType Hook de React para obtener dinámicamente el tipo de pantalla actual (móvil, tableta, escritorio) con soporte de breakpoints configurables.
  • useScrollSpy Hook de React para actualizar automáticamente la navegación basada en la posición de desplazamiento.
  • useServiceWorker Un hook de React que puede registrar un service worker
  • useValueAfter Hook de React muy simple para proporcionar fácilmente props diferentes a un componente (útil para probar casos límite)
  • useWaitForElements Un hook simple para esperar a que los elementos se rendericen con MutationObserver.
  • useWindowOrientation Un hook que devuelve la orientación de la ventana (retrato vs. paisaje) basada en las dimensiones actuales de la ventana
  • useWindowWidthBreakpoints Un hook para usar breakpoints de ancho de ventana (inspirados en Bootstrap)

HagiCode

HagiCode es un espacio de programación con agentes. Las interacciones de interfaz, ricas y cómodas, hacen que planificar, ejecutar agentes y trabajar en proyectos sea accesible y fácil de seguir, para una experiencia de desarrollo atractiva.

Una experiencia de desarrollo atractiva gracias a interacciones de interfaz ricas y cómodas.

Visitar HagiCodeLeer la documentación
  • InteligenteLos flujos de trabajo de OpenSpec convierten la intención en un itinerario ejecutable, de la propuesta al diseño, las tareas y la entrega.
  • EficienteLa ejecución multiagente avanza en paralelo con la investigación, la implementación y la revisión, en varios repositorios y con los Agent CLI que ya usas.
  • InteresanteLas interacciones de interfaz, ricas y cómodas, hacen que planificar, ejecutar agentes y trabajar en proyectos sea accesible y fácil de seguir.

Descargar para Windows

Obtenerlo en Microsoft StoreTodas las descargas

Convierte ideas en software entregado.

HagiCode es un espacio de trabajo de programación con agentes: los flujos de trabajo de OpenSpec planifican el cambio, la ejecución multiagente lo lleva a cabo y Hero Scenario hace visible el largo recorrido, para convertir ideas en software entregado.

Descargar HagiCodeDocumentación del producto
Inteligente
Los flujos de OpenSpec convierten la intención en un camino de la propuesta a la entrega.
Eficiente
La ejecución multiagente avanza en paralelo con investigación, implementación y revisión.
Divertido
Las interacciones de interfaz facilitan la planificación, los agentes y el trabajo en proyectos.

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

¿Salir de Awesome Site?

Estás a punto de visitar un sitio web externo. No controlamos su contenido ni sus prácticas de privacidad.

Destino

Continuar al sitio web