Documentaci贸n oficial 馃敆 Documentos de React Hooks

Discusiones

Tutoriales

Videos

Podcasts

Instrumentos

Cat谩logos

Paquetes

  • @21kb/react-hooksUn conjunto de React Hooks para engancharse .
  • @d2k/react-devto React hook para solicitudes de API de Dev.to
  • @d2k/react-github Reaccionar gancho para solicitudes de API de Github
  • @d2k/react-localstorage React hook que se encarga de actualizar y borrar los valores de almacenamiento local mientras los mantiene sincronizados con sus componentes.
  • @elgorditosalsero/react-gtm-hook React hook para manejar f谩cilmente el Google Tag Manager.
  • @hookstate/core Gesti贸n de estado moderna, muy r谩pida y ampliable para React.
  • @jzone/react-request-hook 馃惗React hook para solicitud personalizada, compatible con varias bibliotecas, soporte redux
  • @kevinwolf/formal Primitivas de gesti贸n de formularios elegantes para la era de los ganchos de reacci贸n.
  • @koale/useworker 鈿欙笍 Ejecuci贸n de tareas pesadas en segundo plano con trabajadores web, sin bloquear la interfaz de usuario
  • @marvelsq/use-properties-hookFunciones de instancia dentro de FunctionComponent como class-propertiese igual enShallowCompare
  • @rehooks/component-size React hook para determinar el tama帽o de un componente.
  • @rehooks/document-title Reaccionar gancho para actualizar el t铆tulo del documento.
  • @rehooks/document-visibility React hook para suscribirse a la visibilidad del documento.
  • @rehooks/input-value Reaccionar gancho para crear valores de entrada.
  • @rehooks/local-storageReact hook que se sincroniza localStorage[key]con la comp.
  • @rehooks/network-status Reaccionar gancho para obtener el estado de la red.
  • @rehooks/online-status React Hook para estado en l铆nea.
  • @rehooks/window-scroll-positionReaccionar gancho para obtener ventana xy yposici贸n.
  • @rehooks/window-size Reaccionar gancho para suscribirse al tama帽o de la ventana.
  • @rekindle/use-request 馃 Reaccionar gancho para hacer una solicitud.
  • @staltz/use-profunctor-state React Hook para la gesti贸n del estado con Profunctor Optics
  • @webscopeio/react-health-check 馃彞 Gancho ligero de React para verificar el estado de los servicios API.
  • @wellyshen/use-web-animations 馃嵖 React hook para animaciones manipulables y de alto rendimiento utilizando la API de animaciones web.
  • @withvoid/melting-pot Biblioteca de la utilidad React hook.
  • ahooks/usetable Una soluci贸n progresiva para la escena de la tabla de consultas.
  • concent Una gesti贸n estatal que se adapta para reaccionar, es simple, predecible, progresiva y eficiente.
  • constateTransforme su estado local en estado global usando useContextStatey useContextReducer.
  • conuse Compartir gancho con contexto
  • easy-peasy Estado global f谩cil de usar para React.
  • fetch-suspense React hook para Fetch API con soporte para Suspense.
  • graphql-hooks Cliente GraphQL de enganches m铆nimos primero.
  • mobx-react-lite Enlaces de React ligeros para MobX basados en ganchos de React experimentales.
  • modali Un delicioso componente de di谩logo modal para React, creado desde cero para admitir React Hooks.
  • moment-hooks Una biblioteca que contiene ganchos de reacci贸n gen茅ricos
  • nice-hooks 馃嵐 Un mont贸n de buenos ganchos para hacer que los ganchos de reacci贸n sean m谩s f谩ciles de usar (useState callback / ciclo de vida / variable de instancia)
  • promise-hook React hook para simplificar la b煤squeda de datos basada en Promise.
  • reactive-react-redux Enlace de React Redux con React Hooks y Proxy
  • react-async-hook React hook para obtener datos ad-hoc en sus componentes React.
  • react-cached-callback React hooks para almacenar en cach茅 muchas devoluciones de llamada por clave, por ejemplo, en bucles.
  • react-context-refs Reaccionar ganchos para obtener referencias de elementos a trav茅s del contexto.
  • react-cookie Reaccionar ganchos para cookies universales.
  • react-cool-dimensions 馃搹 React hook para medir el tama帽o de un elemento y manejar componentes sensibles.
  • react-cool-form 馃搵 Reaccionar ganchos para el estado y la validaci贸n de formularios, menos c贸digo y m谩s rendimiento.
  • react-cool-inview 馃枼锔 React hook para monitorear que un elemento ingresa o sale de la ventana gr谩fica (u otro elemento).
  • react-cool-onclickoutside 馃柋 Reaccionar gancho para escuchar clics fuera de los componentes.
  • react-cool-portal 馃崚 React hook for Portals, que muestra modales, men煤s desplegables, informaci贸n sobre herramientas, etc. para o bien.
  • react-cool-virtual 鈾伙笍 Un peque帽o gancho de React para renderizar grandes conjuntos de datos como una brisa.
  • react-countdown-hookGancho de cuenta regresiva simple pero poderoso para React. Desarrollado por requestAnimationFrame.
  • react-darkreader 馃寭 Un React Hook para agregar un modo oscuro / nocturno a su sitio inspirado en darkreader.
  • react-declare-form React biblioteca de formularios declarativos basada en hook.
  • react-deep-hooks Reaccionar ganchos para dependencias no primitivas.
  • react-dom-status-hookReact hook por suscribirse al DOMContentLoadedevento.
  • react-enhanced-reducer-hookUna alternativa a useReducereso acepta middlewares.
  • react-fetch-hook React hook para usar c贸modamente la API de Fetch.
  • react-firebase-hooksUna colecci贸n de ganchos para usar con Firebase .
  • react-form-statefulBiblioteca de formularios. Expone el env铆o para permitir que la biblioteca se extienda a trav茅s de efectos secundarios.
  • react-hanger Una peque帽a colecci贸n de ganchos utilitarios.
  • react-hook-mighty-mouse React hook que rastrea los eventos del mouse en el elemento seleccionado 馃惌
  • react-hook-mousetrap Un gancho para activar devoluciones de llamada en teclas o combinaciones de teclas, alimentado por ratonera.
  • react-hookedup Una colecci贸n de 煤tiles ganchos de React.
  • react-hook-form Validaci贸n de formularios sin complicaciones.
  • react-hook-layout Gesti贸n de dise帽o en React.
  • react-hooks-async Reaccionar hooks personalizados para funciones asincr贸nicas con abortabilidad y componibilidad
  • react-hooks-global-state Una simple gesti贸n del estado global.
  • react-hooks-image-size Enganche para obtener el tama帽o de imagen natural de la URL.
  • react-hooks-lib Un conjunto de ganchos react reutilizables.
  • react-hooks-svgdrawing A ganchos para dibujar svg.
  • react-hooks-use-modal Un gancho para abrir el modal f谩cilmente.
  • react-hooks-visibleUn gancho para la visibilidad de los elementos. Utiliza la API de observador de intersecciones.
  • react-hooks-worker Reaccionar ganchos personalizados para trabajadores web
  • react-hotkey-hook Reaccionar gancho para teclas de acceso r谩pido.
  • react-i18next Internacionalizaci贸n para reaccionar bien.
  • react-immer-hooks useState y useReducer usando Immer para actualizar el estado.
  • react-indicative-hooksHooks que envuelven una biblioteca de validaci贸n de datos llamada Indicative
  • react-intersection-visible-hook React hook para rastrear la visibilidad de un componente funcional.
  • react-media-hook Reaccionar gancho para consultas de medios.
  • react-metatags-hook React Hook 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 m铆nima del patr贸n de “interfaz de usuario optimista” con un gancho React
  • react-page-name React Hook para administrar el t铆tulo de la p谩gina.
  • react-peer-data Contenedor de reacci贸n para la biblioteca PeerData para archivos, transmisi贸n / intercambio de medios mediante WebRTC.
  • react-pirate Reaccionar el ciclo de vida y los ganchos de utilidades.
  • react-powerhooks Api de Hooks para componentes react-powerplug.
  • react-promiseful Un componente React y un gancho para representar a los ni帽os condicionalmente en funci贸n de un estado de promesa.
  • react-query Ganchos para buscar, almacenar en cach茅 y actualizar datos asincr贸nicos en React.
  • react-recaptcha-hook React hook para google-recaptcha v3
  • react-recipes 馃懇鈥嶐煃 Colecci贸n de recetas esenciales de gancho 馃
  • react-request-hook Solicitudes de API gestionadas, cancelables y seguras.
  • react-responsive Reaccionar el m贸dulo de consulta de medios.
  • react-rocketjump Maneje el estado y los efectos secundarios como una brisa.
  • react-screen-wake-lockImplementaci贸n de React de la API de 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 Reaccionar gancho para cargar din谩micamente un script externo y saber cu谩ndo est谩 cargado
  • react-selector-hooks Colecci贸n de f谩bricas de selectores memorizados basados en ganchos para declaraciones fuera del render.
  • react-speech-kit Ganchos para el reconocimiento de voz y la s铆ntesis de voz del navegador.
  • react-state-patterns Paquete de utilidades para crear implementaciones reutilizables de patrones de proveedores de estado de React a partir de hooks.
  • react-swipeable Reaccionar el gancho del controlador de eventos de deslizamiento.
  • react-trackedEstado global simple y r谩pido con React Context. Elimina las repeticiones de renderizado innecesarias sin problemas.
  • react-uniformed 馃殌 Formularios declarativos de React usando ganchos.
  • react-use-apiDatos de solicitud HTTP as铆ncronos para axios. Dise帽ado para diversos estados de interfaz de usuario, SSR y almacenamiento en cach茅 previo de datos.
  • react-use-browser Un gancho que permite la hidrataci贸n del lado del cliente de los componentes renderizados del lado del servidor cuando el marcado producido por el servidor debe diferir del marcado de la aplicaci贸n del cliente final.
  • react-use-calendar Un gancho para implementar un calendario con eventos.
  • react-use-clipboard Un gancho que copia texto al portapapeles de un usuario.
  • react-use-d3 Un gancho de React para usar D3.
  • react-use-data-loader Reaccionar gancho para cargar datos
  • react-use-fetch-factory React hook que se encarga de buscar y seleccionar datos con redux.
  • react-use-fetch-with-redux React hook que almacena en cach茅 las solicitudes de API que funcionan con redux.
  • react-use-form-state React hook para administrar el formulario y el estado de las entradas.
  • react-use-id-hook React hook para generar cadenas de identificaci贸n 煤nicas seguras para SSR.
  • react-use-idbReaccionar gancho para almacenar valor en el navegador usando indexDB.
  • react-use-infinite-loader 鈾撅笍 馃搩 鈴 Gancho superligero de carga infinita (desplazamiento) para aplicaciones React
  • react-use-input 馃帲 Un gancho cuyo setter se puede asignar directamente a las entradas HTML.
  • react-use-lazy-load-image 馃寘 鈿 Agregue la carga diferida de im谩genes a su aplicaci贸n React con facilidad
  • react-use-message-bar Un simple gancho de React para barras de mensajes.
  • react-use-modal React hook para administrar modal.
  • react-use-path El enrutador de reacci贸n de estilo de gancho m谩s peque帽o.
  • react-use-scroll-position Reaccionar gancho para usar la posici贸n de desplazamiento.
  • react-use-trigger Reaccionar gancho para el efecto de disparo desde cualquier lugar del c贸digo
  • react-use-watch Un gancho de React sobre disparadores solo se activa una vez cuando las dependencias han cambiado.
  • react-use-wavelet React hooks para conectarse a la plataforma de contrato inteligente Wavelet
  • react-use Colecci贸n de ganchos imprescindibles.
  • react-useFormless Reaccionar gancho para manejar el estado de los formularios.
  • react-usemiddlewareReact hook para usar middlewares de Redux existentes (como thunk o saga) con useReducer.
  • react-useportal 馃寑 usePortal, React hook para portales
  • react-user-mediaReact wrapper para navigator.getUserMedia.
  • react-wait Gancho de administraci贸n de cargador complejo para aplicaciones React.
  • react-window-communication-hook React hook para comunicarse entre los contextos del navegador (pesta帽as, ventanas, iframes).
  • react-with-hooks Ponyfill para la API de React Hooks propuesta.
  • reaktion useState como un gancho para la gesti贸n global del estado.
  • redhooksGesti贸n del estado global con React Hooks. Tambi茅n admite el uso de middleware como redux-thunk o redux-saga o su propio middleware personalizado.
  • redux-react-hook React hook para acceder al estado mapeado desde una tienda Redux.
  • region-coreUn marco de gesti贸n del estado global con un gancho useProps.
  • rehooks-visibility-sensor Comprueba si un elemento se ha desplazado a la vista o no.
  • resynced Gesti贸n de m煤ltiples estados usando React Hooks API.
  • reto Tienda React flexible y eficiente con ganchos.
  • rrh Ganchos de reacci贸n 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, la distancia, la direcci贸n y m谩s.
  • style-hook 馃帹 wirte css en js con react hooks.
  • swr Biblioteca React Hooks para la obtenci贸n remota de datos.
  • the-platform Las API del navegador se convirtieron en React Hooks y elementos React compatibles con Suspense para situaciones comunes.
  • trousers 馃憱 Una biblioteca CSS-in-JS de hooks-first, centrada en la sem谩ntica y el rendimiento en tiempo de ejecuci贸n
  • use-abortable-fetch Reaccionar gancho que busca y aborta cuando los componentes se descargan o se realiza una solicitud diferente.
  • use-action Casi lo mismo para useEffect, pero no diferido.
  • use-as-bind React hook para usar as-bind con una fuente WASM.
  • use-async-memo React hook para generar datos memorizados asincr贸nicos.
  • use-autocomplete Un gancho de React para devolver valores de autocompletar para una cadena de b煤squeda dentro de una matriz.
  • use-axios-react React CRUD hooks para axios, lista completa de ejemplos
  • use-boolean Ayudantes convenientes para manejar el estado booleano.
  • use-browser-history Un gancho de React para manejar los eventos del historial del navegador.
  • use-cart Un gancho de React que le brinda la funcionalidad de carrito de compras.
  • use-click-away Reaccione el gancho cuando desee que se invoque una devoluci贸n de llamada cuando no se hizo clic en un elemento DOM.
  • use-clippy Un gancho de React para leer y escribir en el portapapeles del usuario.
  • use-context-selector Reaccionar el gancho useContextSelector en el 谩rea de usuario.
  • use-controlled-input-number Reaccione el gancho para convertir el comportamiento de entrada num茅rica en m谩s o menos lo que espera.
  • use-countries Gancho de reacci贸n personalizado para listar pa铆ses e idiomas.
  • use-debounce Un gancho antirrebote para React.
  • use-deep-compare Son los ganchos useEffect / useMemo / useCallback de react, excepto que usa una comparaci贸n profunda en las entradas.
  • use-deep-compare-effect 馃悑 Es el gancho useEffect de react, excepto que usa una comparaci贸n profunda en las entradas, no la igualdad de referencia.
  • use-detect-print Reaccionar gancho para detectar cu谩ndo se est谩 imprimiendo una p谩gina.
  • use-dimensions React Native hook para obtener las dimensiones de la pantalla y la ventana.
  • use-double-click React hook para clics dobles continuos y combinaci贸n de eventos de clic y doble clic
  • use-eazy-auth Reaccionar ganchos para manejar cosas de autenticaci贸n.
  • use-events Un conjunto de React Hooks para manejar eventos del mouse.
  • use-force-update React hook para forzar la re-renderizaci贸n de un componente funcional.
  • use-hotkeys HotKeys.js React Hook que escuchan los eventos de teclado hacia abajo y hacia arriba, definiendo y distribuyendo atajos de teclado.
  • use-hovering Gancho de React simple y accesible para rastrear el estado de desplazamiento.
  • use-http 馃惗 useFetch, React hook para realizar solicitudes http isomorfas.
  • use-immerUn gancho para usar immer para manipular el estado.
  • use-input-file Reaccionar gancho para crear archivo de entrada.
  • use-is-mounted-ref useIsMountedRef es un React Hook para comprobar cuando el componente est谩 montado.
  • use-lang-directionUn gancho que lee el dirvalor del atributo del elemento HTML y cualquier actualizaci贸n de ese valor que le permite actualizar su interfaz de usuario en consecuencia.
  • use-last-fmUn gancho para mostrar la canci贸n que se est谩 reproduciendo actualmente desde Spotify o cualquier otro sitio compatible con last.fm en tiempo real. 鈾
  • use-lilius Un gancho de calendario sin cabeza para React.
  • use-media Consultas de medios CSS con React hook.
  • use-mouse-action React Hooks para escuchar tanto el mouse hacia arriba como hacia abajo y hacer clic en eventos con una funci贸n llamada una vez.
  • use-multiselect Gestionar el estado de selecci贸n m煤ltiple.
  • use-overflow Un React Hook que te permite detectar el desbordamiento de X e Y
  • use-places-autocomplete 馃搷 React hook para Autocompletar de Google Maps Places.
  • use-popper Reaccionar el contenedor de gancho alrededor de Popper.js.
  • use-query-params Un React Hook para administrar el estado en los par谩metros de consulta de URL con una f谩cil serializaci贸n.
  • use-react-modal 馃柤 useModal, React hook para Modals / Dialogs / Lightboxes
  • use-react-router React Hook para el comportamiento pub-sub usando React Router.
  • use-reactive-state useReactiveState()– una alternativa reactiva a React useState().
  • use-reducer-async Reaccionar useReducer con acciones as铆ncronas
  • use-reduxUn gancho para atar redux .
  • use-scroller React hook que agrega autom谩ticamente la p谩gina siguiente, ahorrando a los usuarios una carga de p谩gina completa.
  • use-scroll-to-bottom React hook para detectar cu谩ndo un elemento se desplaz贸 hacia abajo.
  • use-simple-undo Implementaci贸n simple de la funcionalidad deshacer / rehacer.
  • server-push-hooks 馃敟React hooks para socket.io , VER y m谩s por venir
  • use-socket.io-clientReaccionar hook para socket.io-client, manipular el cliente socket.io sin ning煤n efecto secundario.
  • use-sse 鉁╱seSSE: use el efecto del lado del servidor. useEffecttanto del lado del cliente como del servidor.
  • use-ssr 鈽笍 Reaccionar hook para determinar si est谩 en el servidor, navegador o reacciona nativo.
  • use-state-snapshots Un gancho de React para realizar un seguimiento de los cambios de estado para la funcionalidad de deshacer / rehacer.
  • use-substateReact hook para suscribirse al estado de su aplicaci贸n 煤nica (funciona con su aplicaci贸n Redux actual ).
  • use-suspender Ejecute acciones asincr贸nicas con React.Suspense
  • use-t Multi-idioma usando ganchos.
  • use-undo React hook para implementar la funcionalidad Deshacer y Rehacer.
  • use-videocard React hook para obtener la informaci贸n de la tarjeta gr谩fica del cliente usando canvas
  • use-window-blur-change-title React Hook para establecer el t铆tulo de la p谩gina cuando el usuario est谩 cambiando el enfoque de la ventana actual.
  • useDarkMode Un React Hook personalizado para ayudarte a implementar un componente de “modo oscuro”.
  • useDeferredStateUn gancho de React para aplazar el cambio de estado. Eso es esencial cuando su interfaz de usuario necesita esperar a que se complete la animaci贸n que desaparece para desmontar el componente.
  • useDropZone React hook que le permite configurar una funcionalidad simple de arrastrar y soltar.
  • useEmailAutocomplete 馃摤 React hook para entradas de autocompletado de correo electr贸nico.
  • useFileDialog Abrir di谩logo de archivo sin tener problemas con la entrada del archivo usando useFileDialog react hook
  • useIsTyping Hook para ver si el usuario est谩 escribiendo dentro de un 谩rea de texto o entrada
  • useKeyCapture 鈱笍 Un gancho simple para facilitar el evento de escucha keyDown.
  • usePosition Reaccionar gancho para obtener la posici贸n superior izquierda de un elemento.
  • useReducerWithEffects React Hook que coloca reductor y efectos secundarios
  • useReducerWithLocalStorageReact hook que agrega soporte de almacenamiento local al useReducerhook
  • useScreenType Determinaci贸n del tipo de tama帽o de pantalla para la cuadr铆cula Bootstrap 4.
  • useScreenType React hook para obtener din谩micamente el tipo de pantalla actual (m贸vil, tableta, escritorio) con soporte de punto de interrupci贸n configurable.
  • useScrollSpy Reaccionar gancho para actualizar autom谩ticamente la navegaci贸n en funci贸n de la posici贸n de desplazamiento.
  • useServiceWorker Un gancho de React que puede registrar un trabajador de servicio
  • useValueAfter Gancho de React muy simple para proporcionar f谩cilmente diferentes accesorios a un componente (es 煤til para probar casos extremos)
  • useWaitForElements Un simple gancho para esperar a que los elementos se rendericen con MutationObserver.
  • useWindowOrientation Un gancho que devuelve la orientaci贸n de la ventana (vertical o horizontal) en funci贸n de las dimensiones actuales de la ventana.
  • useWindowWidthBreakpoints Un gancho para usar puntos de interrupci贸n de ancho de ventana (inspirados en Bootstrap)