NPM I UseHooks-Ts
UseHooks (). TS ist eine React Hooks -Bibliothek, die in TypeScript geschrieben und einfach zu bedienen ist. Es bietet eine Reihe von Haken, mit denen Sie Ihre React -Anwendungen schneller erstellen können. Die Haken basieren auf den Prinzipien der Trockenheit (wiederholen Sie sich nicht). Es gibt Haken für die meisten häufigsten Anwendungsfälle, die Sie möglicherweise benötigen.
Die Bibliothek ist so minimal wie möglich. Es ist vollständig baumschackbar (mit der ESM-Version), was bedeutet, dass Sie nur die von Ihnen benötigten Hooks importieren, und der Rest wird aus Ihrem Bundle entfernt, wodurch die Kosten für die Verwendung dieser Bibliothek vernachlässigbar sind. Die meisten Haken werden ausgiebig getestet und in Produktionsumgebungen verwendet.
import { useLocalStorage } from 'usehooks-ts'
function Component ( ) {
const [ value , setValue ] = useLocalStorage ( 'my-localStorage-key' , 0 )
// ...
} useBoolean - behandelt den Booleschen Staat mit nützlichen Nutzfunktionen.useClickAnyWhere - Klicken Sie auf Ereignisse überall im Dokument.useCopyToClipboard - Kopiert Text mit der Clipboard -API in die Zwischenablage.useCountdown - verwaltet Countdown.useCounter - Verwaltet einen Zähler mit Inkrement-, Dekrement-, Zurücksetzen- und SetCount -Funktionen.useDarkMode - Gibt den aktuellen Zustand des Dunklen Modus zurück.useDebounceCallback - Erstellt eine entblößte Version einer Rückruffunktion.useDebounceValue - Gibt eine ausgebildete Version des bereitgestellten Werts zusammen mit einer Funktion zur Aktualisierung zurück.useDocumentTitle - Legt den Dokumenttitel fest.useEventCallback - erstellt einen Memoized -Ereignis -Rückruf.useEventListener - Anhängen Ereignishörer an DOM -Elemente, das Fenster oder die Medienabfragelisten.useHover - Verfolgt, ob ein DOM -Element umgedreht wird.useIntersectionObserver - verfolgt die Schnittstelle eines DOM -Elements mit seinem enthaltenden Element oder dem Ansichtsfenster mithilfe der Schnittstelle Observer API.useInterval - Erstellt ein Intervall, das mit der SetInterval -API eine Rückruffunktion bei einer angegebenen Verzögerung aufruft.useIsClient - bestimmt, ob der Code auf der Client -Seite (im Browser) ausgeführt wird.useIsMounted - bestimmt, ob die Komponente derzeit montiert ist.useIsomorphicLayoutEffect -verwendet entweder uselayouteffect oder verwenden Sie Effect basierend auf der Umgebung (clientseitig oder serverseitig).useLocalStorage - verwendet die LocalStorage -API, um den Zustand über Seite nachzuladen.useMap -verwaltet einen Schlüsselwert-Kartenzustand mit Setter-Aktionen.useMediaQuery - verfolgt den Status einer Medienabfrage mithilfe der Match Media -API.useOnClickOutside - Griff Klicks außerhalb eines bestimmten Elements.useReadLocalStorage - liest einen Wert von LocalStorage, eng mit UselocalStorage ().useResizeObserver - Beobachtet die Größe eines Elements mithilfe der RESIZEOBSERVER -API.useScreen - verfolgt die Bildschirmabmessungen und Eigenschaften.useScript - Laden Sie Skripte dynamisch und verfolgen Sie deren Ladestatus.useScrollLock - ein benutzerdefinierter Haken, der Scroll sperrt und freischaltet.useSessionStorage - Verwendet die SessionStorage -API, um den Zustand über Seite nachzuladen.useStep -Verwaltet und navigiert zwischen Schritten in einem mehrstufigen Prozess.useTernaryDarkMode - Verwaltet ternärer (System, dunklem, helles) dunklem Modus mit lokalem Speicherunterstützung.useTimeout - behandelt Timeouts in React -Komponenten mithilfe der SetTimeout -API.useToggle - verwaltet einen booleschen Umschaltungszustand in React -Komponenten.useUnmount - führt eine Reinigungsfunktion aus, wenn die Komponente unmontiert ist.useWindowSize - verfolgt die Größe des Fensters. Großer Dank go an alle unsere Unterstützer! [Backer werden]
Posten | Katt | Adhi Ravishankar | Großartige IS |
DANKE GEHEN Sie all unsere Mitwirkenden! [Mitwirkender]
Julien ? ? ? | A777Med | Nguyen Tien dat | Elias Cohenca ? | João Deroldo ? | Nishit | Jon Koops |
Lonerifle | Viktor ? ? | Bruno Clermont | Yoannesbourg ? | Seltsam2x ? | 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 lang ? | KXM766 ? | Quentin ? ? | Daniel Lazar ? | Mark Terrel ? |
Andreas Herde ? | Sonjoy Datta | Ilya Belsky ? | James Barrett | Abbalyouness | didriklind | HEXP1989 |
Alvaro Serrano ? | EgeHan Dülger | Pablolion ? | David Sanchez ? | 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 ? | Patrick ? | Bryce Dorn | angusd3v |
Davide di Simone ? | Jack Herrington ? | Avi Sharvit ? | Nicolae -Maties ? | Shardul Aeer ? | Herlon Aguiar ? | Alexis Oney ? |
stürzt | Josué Cortina ? | Alex / Katt | Mourad El Cadi ? | James Hulena ? | Matthew Hailwood ? | Michael Norrie ? |
Valentin Politov | Marnus Weststrat | Mancuoj ? | Chat 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 ? | Aschefurche | 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 ? | Achselzucken ? | Hyodori ? | Eleazar "E" Ramos ? |
Retnag ? | J junger Lee ? | Filip Weiss ? | Marius Gundersen ? | Syed Aman Ali ? | Axel Ingadi ? | Und Typ ? |
Ishanvaghasiya ? | Nico Martinucci ? | Shiv Bhonde | Shivbhonde.eth ? | Fritzmonkey ? | Rodrigo Mesquita ? | Moshe Simantov ? | Beka ? |
Abdallah Alkaser ? | Carl Smith ? | Orlando Groppo ? | Martijn 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 ? | Zügel ? | FloorianB ? | Xuan hing ? |
Monawwar Abdullah ? | Haroldo de Oliveira Pinheiro ? | Tamjid Ahmed ? | JV-Lopez ? | Callum Macrae ? | Bywater529 ? | Kevin er ? |
Fredericogauz ? | Jonathan "Jonlem" Lemos ? | Xegulon ? | Tom Smedley ? | Lightbluepoppy ? | Derek Oware ? | Lance Gliser ? |
J. Lewis ? | Yair ? | Nishchit ? | Devofy ? | Josh Guyette ? | Dora li ? | Kristian Gerardsson ? |
James Powell ? | Boaz Poolman ? | Roker15 ? | Fadhil Ahmad ? | Chandler-Zhu ? | Nghi nguyen ? | Shravan Sunder ? |
Johannes5 ? | Sebahhpeya ? | Oder Nakash ? | Erez Makavy ? | Andy Merskin ? | Chainalert Bot ? | Taylor Morgan ? |
Wisdomabioye ? | Samuel Quiñones ? | Manuel ? | Yurii Rybak ? | Yury Demin ? | Jon Tewksbury ? | Novac Denis ? |
Kyrylo-SoUllandwolf ? | Miguel Isidoro | Yuriy Gromchenko | Jacob Hummer ? | Kyrylo Melnychuk ? | Luma | Eliya Cohen |
Igor Sukharev ? | Pookmish ? | Metav-Drimz ? | luckRnx09 | Hubert Kuczmierczyk ? ? | Dandubya | Darwish |
Jonathan Raoult ? ? |
Dieses Projekt folgt der All-Contributors-Spezifikation (Emoji-Schlüssel). Beiträge jeglicher Art willkommen!
Wenn Sie diese Software hilfreich finden, sollten Sie eine Spende in Betracht ziehen. Jeder Betrag wird sehr geschätzt.
BTC: bc1qwys40tnd0lxf9lr9l0t6xc63dpxyucj4x4nay0
ETH: 0x36a85155a8300754C56395D5af24553FB18915D6
Dieses Projekt ist MIT lizenziert.
