Download usehooks ts - usehooks ts Download de código fonte

usehooks ts

Código-Fonte de IA

[email protected]

Baixar

Banner de useHooks-ts

useHooks-ts

React Hook Library, pronto para uso, escrito no TypeScript.

 NPM I UseHooks-Ts

_{Criado por Julien Caron e mantido com ❤️ por uma incrível equipe de desenvolvedores.}

? Introdução

useHooks (). TS é uma biblioteca de ganchos do React, escrita no TypeScript e fácil de usar. Ele fornece um conjunto de ganchos que permitem criar seus aplicativos REACT mais rapidamente. Os ganchos são construídos sobre os princípios da seca (não se repita). Existem ganchos para casos de uso mais comuns que você pode precisar.

A biblioteca foi projetada para ser o mais mínima possível. Ele é totalmente modelável em árvore (usando a versão ESM), o que significa que você importa apenas os ganchos necessários, e o restante será removido do seu pacote, tornando o custo de usar essa biblioteca insignificante. A maioria dos ganchos é extensivamente testada e está sendo usada em ambientes de produção.

Exemplo de uso

 import { useLocalStorage } from 'usehooks-ts'

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

  // ...
}

? Ganchos disponíveis

useBoolean - lida com o estado booleano com funções de utilidade úteis.
useClickAnyWhere - lida com eventos de clique em qualquer lugar do documento.
useCopyToClipboard - Copia o texto para a área de transferência usando a API da área de transferência.
useCountdown - gerencia a contagem regressiva.
useCounter - gerencia um balcão com funcionalidades de incremento, decréscimo, redefinição e setcount.
useDarkMode - Retorna o estado atual do modo escuro.
useDebounceCallback - Cria uma versão debitada de uma função de retorno de chamada.
useDebounceValue - Retorna uma versão debitida do valor fornecido, juntamente com uma função para atualizá -lo.
useDocumentTitle - define o título do documento.
useEventCallback - cria um retorno de chamada de evento memorizado.
useEventListener - Anexe os ouvintes de eventos aos elementos DOM, a janela ou listas de consultas de mídia.
useHover - rastreia se um elemento DOM está sendo pairado.
useIntersectionObserver - rastreia a interseção de um elemento DOM com seu elemento contendo ou a viewport usando a API do observador de interseção.
useInterval - cria um intervalo que chama uma função de retorno de chamada em um atraso especificado usando a API SetInterval.
useIsClient - determina se o código está em execução no lado do cliente (no navegador).
useIsMounted - determina se o componente está atualmente montado.
O uso do useIsomorphicLayoutEffect de uso do uso do uso ou efeito de uso ou uso de uso do ambiente (lado do cliente ou servidor).
useLocalStorage - usa a API do LocalStorage para persistir no estado de recarga da página.
useMap -gerencia um estado de mapa-chave com ações do setter.
useMediaQuery - rastreia o estado de uma consulta de mídia usando a API da Match Media.
useOnClickOutside - lida com cliques fora de um elemento especificado.
useReadLocalStorage - lê um valor do LocalStorage, intimamente relacionado ao USELOCALStorage ().
useResizeObserver - Observa o tamanho de um elemento usando a API RECESEDOBSERVER.
useScreen - Rastreia as dimensões e propriedades da tela.
useScript - carrega dinamicamente scripts e rastreando seu status de carregamento.
useScrollLock - Um gancho personalizado que trava e desbloqueia rolagem.
useSessionStorage - usa a API sessionStorage para persistir no estado de recarga da página.
useStep -gerencia e navega entre as etapas em um processo de várias etapas.
useTernaryDarkMode - gerencia o modo ternário (sistema, escuro, claro) com suporte de armazenamento local.
useTimeout - lida com os tempos limite nos componentes do React usando a API Settimeout.
useToggle - gerencia um estado de alternância booleana nos componentes do React.
useUnmount - executa uma função de limpeza quando o componente não estiver montado.
useWindowSize - rastreia o tamanho da janela.

Patrocinadores

Muito obrigado a todos os nossos apoiadores! [Torne -se um patrocinador]

_Sentinela

_Katt

_{Adhi Ravishankar}

_{Great Work-Told-Is}

Colaboradores

Muito obrigado a todos os nossos colaboradores! [Torne -se um colaborador]

_Julien ? ? ?	_A777Med	_{Nguyen Tien Dat}	_{Elias Cohenca} ?	_{João Deroldo} ?	_Nishit	_{Jon Koops}
_Lonnerifle	_Viktor ? ?	_{Bruno Clermont}	_Yoannesbourg ?	_Strange2x ?	_{Jason Pickens} ?	_{Sel-vin 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 Wood}	_{Jo Wendenbuerger} ?	_{Andrew Nosenko} ?
_{Charliejhonsmith}	_{Sullivan Senechal} ? ?	_{Jason Long} ?	_KXM766 ?	_Quentin ? ?	_{Daniel Lazar} ?	_{Mark Terrel} ?
_{Andreas rebanho} ?	_{SONJOY DATTA}	_{Ilya Belsky} ?	_{James Barrett}	_Abbalyouness	_Didriklind ️	_Hexp1989
_{Alvaro Serrano} ?	_{Egehan Dülger}	_Pablolion ?	_{David Sanchez} ?	_{Ajay Raja} ?	_{Andy Merskin} ?	_{Avirup Ghosh} ?
_{Sanne Wrntrén} ?	_Alessandro ?	_{Andrey Tatarenko} ?	_{Anton Rusak} ?	_{Mahmood Bagheri}	_{Anver sadutt} ?	_{Bogdan Ailincai}
_{Simeão Griggs} ?	_Kepro ?	_{Jake Lippert} ?	_{Tu Nguyen Anh} ?	_{Luke Shiels} ?	_{Sergei Kolyago} ?	_{Adham Akmal Azmi} ?
_{Alek Kowalczyk} ?	_{Sean Callahan} ?	_{Joshua Bean} ?	_{Tim Zhao} ?	_Patrick ?	_{Bryce Dorn}	_Angusd3v
_{Davide di Simone} ?	_{Jack Herrington} ?	_{Avi Sharvit} ?	_{Nicolae Maties} ?	_{Shardul aeer} ?	_{Herlon Aguiar} ?	_{Alexis Oney} ?
_curtvict	_{Josué Cortina} ?	_{Alex / Katt}	_{Mourad El Cadi} ?	_{James Hulena} ?	_{Matthew Hailwood} ?	_{Michael Norrie} ?
_{Valentin Politov}	_{Marnus Weststrate}	_Mancuoj ?	_{Bate -papo sumlin}	_{Owen Haupt} ? ?	_ubarbaxor	_{Michael Mior} ? ?
_Pierre	_{Harry b} ?	_Valerie ?	_{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}	_Satelllte ?	_{Federico Panico}	_{William Pei Yuan}
_Mihai ?	_{Habib Ogunsola} ?	_{Furrow de cinzas}	_{Daniel Turuș}	_{Rahul Chaudhary} ? ?	_{Joshua Ojoawo} ? ?	_Jack
_{Jon Linkens} ?	_{Jeongjin Oh} ?	_{Tianning Li}	_{Lars Artmann} ?	_Kbobovskiy	_{Kathryn Gonzalez} ?	_{Yaroslav Chapelskyi} ?
_{Samuel Van Erps} ?	_OjolowoBlue ?	_{Andrii Kostenko}	_{Akeem Allen} ?	_{Trongbinhnguyen} ?	_{Aniruddha Sil}	_박찬혁 ?
_Anish	_{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} ?
_{Soldeplata Saketos candela}	_Tendouzhi ?	_{Marcin Wachulski} ?	_{Salman Fazal} ?	_{encolhe os ombros} ?	_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 ?	_{Rodrigo Mesquita} ?	_{Moshe Simantov} ?	_Beka ?
_{Abdallah Alkaser} ?	_{Carl Smith} ?	_{Orlando Groppo} ?	_{Martĳn Saly} ?	_{Quinn Shanahan} ?	_{Antoine Kingue} ?	_{Žan Žlender} ?
_{Sebastian Dominguez} ?	_{James Cowan} ?	_{Bayram Ali Basgul} ?	_{Wyatt Castaneda} ?	_{Tim Neville} ?	_{Thomas Pigarelli} ?	_{James Herdman} ?
_{Grzegorz Pociejewski} ?	_{René Verheij} ?	_{Patrykkuniczak} ?	_{Paolo Božac} ?	_Rédea ?	_Floorianb ?	_{Xuan pendurou} ?
_{Monawwar Abdullah} ?	_{Haroldo de Oliveira Pinheiro} ?	_{Tamjid Ahmed} ?	_JV-Lopez ?	_{Callum Macrae} ?	_Bywater529 ?	_{Kevin ele} ?
_{Fredericagauz} ?	_{Jonathan "Jonlem" Lemos} ?	_Xeguulon ?	_{Tom Smedley} ?	_{Lightbluepoppy} ?	_{Derek Oware} ?	_{Lance Gliser} ?
_{J. Lewis} ?	_Yair ?	_Nishchit ?	_Devofy ?	_{Josh Guyette} ?	_{Dora Li} ?	_{Kristian Gerardson} ?
_{James Powell} ?	_{Boaz Poolman} ?	_roker15 ?	_{Fadhil Ahmad} ?	_Chandler-Zhu ?	_{Nghi Nguyen} ?	_{Shravan Sunder} ?
_Johannes5 ?	_Sebahhpeya ?	_{Ou nakash} ?	_{Erez Makavy} ?	_{Andy Merskin} ?	_{BOT CHAINALERT} ?	_{Taylor Morgan} ?
_Wisdomabioye ?	_{Samuel Quiñones} ?	_Manuel ?	_{Yurii Rybak} ?	_{Yury Demin} ?	_{Jon Tewksbury} ?	_{Novac Denis} ?
_{Kyrylo-Soulandwolf} ?	_{Miguel Isidoro}	_{Yuriy Gromchenko}	_{Jacob Hummer} ?	_{Kyrylo Melnychuk} ?	_Luma	_{Eliya Cohen}
_{Igor Sukharev} ?	_Pookmish ?	_metav-drimz ?	_luckrnx09	_{Hubert Kuczmierczyk} ? ?	_Dandubya	_Darwish
_{Jonathan Raoult} ? ?