usehooks ts

Usehooks-ts

REACT GANCH BIRCY, lista para usar, escrita en TypeScript.

 npm usohooks-ts

_{Creado por Julien Caron y mantenido con ❤️ por un increíble equipo de desarrolladores.}

? Introducción

UseHooks (). TS es una biblioteca React Hooks, escrita en TypeScript y fácil de usar. Proporciona un conjunto de ganchos que le permiten construir sus aplicaciones React más rápido. Los ganchos se basan en los principios de seco (no se repita). Hay ganchos para los casos de uso más comunes que puede necesitar.

La biblioteca está diseñada para ser lo más mínima posible. Es totalmente afilable (usando la versión ESM), lo que significa que solo importa los ganchos que necesita, y el resto se eliminará de su paquete, lo que hace que el costo de usar esta biblioteca sea insignificante. La mayoría de los ganchos se prueban ampliamente y se utilizan en entornos de producción.

Ejemplo de uso

 import { useLocalStorage } from 'usehooks-ts'

function Component ( ) {
  const [ value , setValue ] = useLocalStorage ( 'my-localStorage-key' , 0 )

  // ...
} 

? Ganchos disponibles

• useBoolean : maneja el estado booleano con funciones de utilidad útiles.
• useClickAnyWhere - Maneja los eventos de clic en cualquier parte del documento.
• useCopyToClipboard : copia el texto al portapapeles usando la API del portapapeles.
• useCountdown - Maneja Countdown.
• useCounter : gestiona un contador con incremento, disminución, reinicio y funcionalidades de setcount.
• useDarkMode : devuelve el estado actual del modo oscuro.
• useDebounceCallback : crea una versión debatida de una función de devolución de llamada.
• useDebounceValue : devuelve una versión debatida del valor proporcionado, junto con una función para actualizarlo.
• useDocumentTitle - Establece el título del documento.
• useEventCallback : crea una devolución de llamada de eventos memoados.
• useEventListener : adjunte los oyentes de eventos a los elementos DOM, la ventana o las listas de consultas de medios.
• useHover : rastrea si un elemento DOM está siendo rondado.
• useIntersectionObserver : rastrea la intersección de un elemento DOM con su elemento que contiene o la ventana gráfica utilizando la API del observador de intersección.
• useInterval : crea un intervalo que invoca una función de devolución de llamada a un retraso especificado usando la API SetInterval.
• useIsClient : determina si el código se ejecuta en el lado del cliente (en el navegador).
• useIsMounted : determina si el componente está montado actualmente.
• useIsomorphicLayoutEffect : usa UselayOutEffect o UseeFectect según el entorno (lado del cliente o del lado del servidor).
• useLocalStorage : utiliza la API de LocalStorage para persistir en el estado en las recargas de la página.
• useMap : administra un estado de mapa de valor clave con acciones de setter.
• useMediaQuery : rastrea el estado de una consulta de medios utilizando la API de Match Media.
• useOnClickOutside : maneja los clics fuera de un elemento especificado.
• useReadLocalStorage : lee un valor de LocalStorage, estrechamente relacionado con UselocalStorage ().
• useResizeObserver : observa el tamaño de un elemento utilizando la API resizeObServer.
• useScreen : rastrea las dimensiones y propiedades de la pantalla.
• useScript : carga dinámicamente scripts y rastreando su estado de carga.
• useScrollLock : un gancho personalizado que bloquea y desbloquea desplazamiento.
• useSessionStorage : utiliza la API de SessionStorage para persistir en el estado en las recargas de la página.
• useStep : gestiona y navega entre los pasos en un proceso de varios pasos.
• useTernaryDarkMode - Maneja el modo oscuro ternario (Sistema, Oscuro, Ligero) con soporte de almacenamiento local.
• useTimeout : maneja los tiempos de espera en los componentes React utilizando la API de SetTimeOut.
• useToggle : administra un estado de alternancia booleano en los componentes React.
• useUnmount : ejecuta una función de limpieza cuando el componente se desmonta.
• useWindowSize : rastrea el tamaño de la ventana.

Patrocinadores

¡Muchas gracias a todos nuestros patrocinadores! [Conviértete en un patrocinador]

Centinela

Katt

Adhi ravishankar

Boldia-Told-es

Colaboradores

¡Muchas gracias a todos nuestros contribuyentes! [Conviértete en un contribuyente]

Julien ? ? ?	A777Med	Nguyen tien dat	Elias Cohenca ?	João Deroldo ?	Nishit	Jon Koops
Solitario	Viktor ? ?	Bruno Clermont	Yoannesbourg ?	Extraño2x ?	Jason Pickens ?	Sel-Cin Kuik ?
Isaac ?	Bruno rzn ?	Nathan Manceaux-panot ?	Dien Vu ?	Oleg Kusov ?	Matthew Guy ?	Andrewbihl ?
lancepollard ?	Mukul Bansal ?	Jean-Luc Mongrain Sur la Brosse ?	Nic ?	Dan madera	Jo Wendenbuerger ?	Andrew Nosenko ?
Charliejhonsmith	Sullivan senechal ? ?	Jason Long ?	KXM766 ?	Quentina ? ?	Daniel Lazar ?	Marcar terreno ?
Rebaño de Andreas ?	Sonjoy Datta	Ilya Belsky ?	James Barrett	Abadio	didriklind ️	hexp1989
Álvaro Serrano ?	Egehan Dülger	Pablion ?	David Sánchez ?	Ajay Raja ?	Andy Merskin ?	Avirup Ghosh ?
Sanne Wintrén ?	Alessandro ?	Andrey Tatarenko ?	Anton Rusak ?	Mahmood Bagheri	Anver Sadutt ?	Bogdan Ailincai
Simeon Griggs ?	Kepro ?	Jake Lippert ?	Tu nguyen anh ?	Luke Shiels ?	Sergei Kolyago ?	Adham Akmal Azmi ?
Alek Kowalczyk ?	Sean Callahan ?	Joshua Bean ?	Tim Zhao ?	Patricio ?	Bryce Dorn	angusd3v
Davide di Simone ?	Jack Herrington ?	Avi Sharvit ?	Nicolae maties ?	Shardul aeer ?	Herlon Aguiar ?	Alexis Oney ?
curtón	Josué Cortina ?	Alex / Katt	Mourad el Cadi ?	James Hulena ?	Matthew Hailwood ?	Michael Norrie ?
Valentin Politov	Marnus Weststrate	mancUoj ?	Chat sumlin	Owen Haupt ? ?	ubarbaxor	Michael Mior ? ?
Pierre	Harry B ?	Valería ?	Steven Vachon	Sean Kirby ️	Alecsander Farias	Rahul mishra ? ?
Bryant Smith ?	Rob Hannay	Hooriza ?	Shansenanayake	Philip Ghering	Ladislas Dellinger	Haff
Lisandro	Amir Hossein rezaei	Nicolas Macian ?	Nate Forsyth	satélite ?	Federico Panico	William Pei Yuan
Mihai ?	Habib ogunsola ?	Surco de ceniza	Daniel Turuș	Rahul Chaudhary ? ?	Joshua Ojoawo ? ?	Jacobo
Jon Linkens ?	Jeongjin oh ?	Tianning Li	Lars Artmann ?	Kbobovskiy	Kathryn González ?	Yaroslav Chapelskyi ?
Samuel Van Erps ?	ojolowoblue ?	Andrii Kostenko	Akeem Allen ?	trongbinhnguyen ?	Aniruddha sil	박찬혁 ?
Anís	Hugo Hutri ?	Balz Guenat	Ottergeorge	Samay Sagar ?	Pedro Lisboa ?	Henrique Malheiros ?
Kevin Newman	A503189 ?	Mourad el Cadi	Pedro Henrique Lopes	Danbi Lee	Connor Jennings	Lucas Gomes ?
Martin Zagora	KVD	Alex	Kacey Cleveland ?	Avirup Ghosh ?	yabbal	Craig Patik ?
Soldplata saketos candela	Portouzhi ?	Marcin Wachulski ?	Salman Fazal ?	encogimiento de hombros ?	hyodori ?	Eleazar "E" Ramos ?
retnag ?	J Young Lee ?	Filip Weiss ?	Marius Gundersen ?	Syed Aman Ali ?	Axel Ingadi ?	Andyp ?
ishanvaghasiya ?	Nico Martinucci ?	Shiv Bhonde | Shivbhonde.eth ?	Fritzmonkey ?	Mesquita de Rodrigo ?	Moshe Simantov ?	Beka ?
Abdallah Alkaser ?	Carl Smith ?	Orlando Groppo ?	Martijn Saly ?	Quinn Shanahan ?	Antoine Kingue ?	Žan žlender ?
Sebastian Domínguez ?	James Cowan ?	Bayram Ali Basgul ?	Wyatt Castaneda ?	Tim Neville ?	Thomas Pigarelli ?	James Herdman ?
Grzegorz Pociejewski ?	René Verheij ?	Patrykkuniczak ?	Paolo Božac ?	Rienda ?	Piso ?	Xuan colgado ?
Monawwar Abdullah ?	Haroldo de Oliveira Pinheiro ?	Tamjid Ahmed ?	jv-lópez ?	Callum macrae ?	bywater529 ?	Kevin el ?
Fredericogauz ?	Jonathan "Jonlem" Lemos ?	Xegulón ?	Tom Smedley ?	livera ?	Derek Oware ?	Lanza globera ?
J. Lewis ?	Césped ?	Nishchit ?	Devoción ?	Josh Guyette ?	Dora Li ?	Kristian Gerardsson ?
James Powell ?	Boaz Poolman ?	Roker15 ?	Fadhil Ahmad ?	Chandler-zhu ?	Nghi nguyen ?	Shravan Sunder ?
Johannes5 ?	sebahhpeya ?	O nakash ?	Erez makavy ?	Andy Merskin ?	Bot ?	Taylor Morgan ?
sabiduría ?	Samuel quiñones ?	Manuel ?	Yurii rybak ?	Yury Dmin ?	Jon Tewksbury ?	Novac Denis ?
Kyrylo-Soulandwolf ?	Miguel isidoro	Yuriy Gromchenko	Jacob Hummer ?	Kyrylo melnychuk ?	Luma	Eliya Cohen
Igor Sukharev ?	pookmish ?	Drimz de metávas ?	LUCKRNX09	Hubert Kuczmierczyk ? ?	dandubya	Darwish
Jonathan Raoult ? ?

Este proyecto sigue la especificación de todos los contribuyentes (clave emoji). ¡Contribuciones de cualquier tipo bienvenido!

? Donar

Si encuentra útil este software, considere una donación. Cualquier cantidad es muy apreciada.

BTC: bc1qwys40tnd0lxf9lr9l0t6xc63dpxyucj4x4nay0

ETH: 0x36a85155a8300754C56395D5af24553FB18915D6

Licencia

Este proyecto tiene licencia MIT.