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

Eine kuratierte Liste mit React-Hooks-Ressourcen.

Dokumentation

• React-Hooks-Dokumentation

Diskussionen

• React Hooks RFC

Tutorials

• “Making Sense of React Hooks” by Dan Abramov
• “From React.Component to hooks” by Octave Raimbault
• “React Hooks: What’s going to happen to my tests?” by Kent C. Dodds
• “State Management with React Hooks - No Redux or Context API” by André Gardi
• “How to Fetch Data with React Hooks?” by Robin Wieruch
• Primer on React Hooks
• React Hooks - A deeper dive featuring useContext and useReducer
• “Using Custom React Hooks to Simplify Forms” by James King
• Testing of a Custom React Hook for Fetching Data with Axios
• The Guide to Learning React Hooks (Examples & Tutorials) by Eric Bishard
• “Sanely Testing React Hooks” by Dave Cooper
• React by Example: Hooks

Videos

• 🎬 ReactConf 2018: React Today and Tomorrow by Sophie Alpert and Dan Abramov Offizielle Ankündigung und erste Demo.
• 🎬 ReactConf 2018: 90% Cleaner React by Ryan Florence
• 🎬 React Hooks: A Complete Introduction by Harry Wolff
• 🎬 Playlist mit React Hooks von Ben Awad
• 🎬 Playlist mit React Hooks von Josh Ribakoff
• 🎬 Playlist mit React Hooks von Michael Chan
• 🎬 Custom Hooks in React by Tanner Linsley

Podcasts

• React Hooks - Syntax (Nov 14th, 2018)
• React Hooks 1 Year Later - Syntax (Mar 18, 2020)
• Why should I use React Hooks? - Syntax (Dec 7th, 2020)

Tools

• eslint-plugin-react-hooks
• hooks.macro Babel-Makros zur automatischen Invalidierung der Memoisierung
• CodeSandbox-Starter-Kit
• React-Hooks-Snippets für VS Code
• hook-into-props Hilfsmittel zum Erstellen von HOCs mit Hooks. Nützlich, um Hooks mit Klassenkomponenten zu verwenden.
• react-universal-hooks React Universal Hooks: verwenden Sie einfach use****** überall, in Funktions- oder Klassenkomponenten
• Jooks Testen Sie Ihre benutzerdefinierten Hooks in Unit-Tests, indem Sie die Hooks-API von React (useState usw.) mocken
• react-hooks-testing-library Bibliothek zum Erstellen von Unit-Tests für benutzerdefinierte React-Hooks.

Kataloge

• @react-hookz/web - Eine Bibliothek universeller React Hooks, mit Sorgfalt entwickelt und auf SSR-Kompatibilität bedacht.
• ahooks Eine Sammlung von React Hooks, die speziell auf Unternehmensanwendungen abzielt.
• beautiful-react-hooks(🔥) Eine Sammlung von Hooks, um die Entwicklung Ihrer Komponenten und benutzerdefinierten Hooks zu beschleunigen.
• Captain hook Bescheidene Liste von Hooks.
• crooks Eine Sammlung einzigartiger React Hooks.
• hooks-by-example Sammlung einsteigerfreundlicher Praxisbeispiele zur Verwendung von Hooks.
• Hooks.guide Sammlung von React-Hooks, kuratiert von der Community.
• react-recipes 👩‍🍳 Sammlung unverzichtbarer Hook-Rezepte 🥘
• Durchsuchbare Sammlung von React Hooks
• Sunflower(🌻) Sammlung von React Hooks, die antd-Komponenten zurückgeben.
• useHooks(🐠) Jeden Tag ein neues React-Hook-Rezept.
• Use Hooks Eine Sammlung wiederverwendbarer React Hooks.

Pakete

• @21kb/react-hooks Ein Satz React Hooks, an denen man sich festhaken kann.
• @d2k/react-devto React-Hook für Dev.to-API-Anfragen
• @d2k/react-github React-Hook für Github-API-Anfragen
• @d2k/react-localstorage React-Hook, der das Aktualisieren und Löschen von localStorage-Werten übernimmt und sie mit Ihren Komponenten synchron hält.
• @elgorditosalsero/react-gtm-hook React-Hook zur einfachen Verwaltung des Google Tag Managers.
• @hookstate/core Modernes, sehr schnelles und erweiterbares State-Management für React.
• @jzone/react-request-hook 🐶React-Hook für individuelle Anfragen, kompatibel mit verschiedenen Bibliotheken, unterstützt redux
• @kevinwolf/formal Elegante Primitive für die Formularverwaltung im Zeitalter der React-Hooks.
• @koale/useworker ⚙️ Führt schwere Aufgaben im Hintergrund mit Web-Workern aus, ohne die Benutzeroberfläche zu blockieren
• @marvelsq/use-properties-hook Instanzfunktionen innerhalb einer Funktionskomponente wie class-properties und gleich im Sinne von ShallowCompare
• @rehooks/component-size React-Hook zum Ermitteln der Größe einer Komponente.
• @rehooks/document-title React-Hook zum Aktualisieren des Dokumenttitels.
• @rehooks/document-visibility React-Hook zum Abonnieren der Dokumentsichtbarkeit.
• @rehooks/input-value React-Hook zum Erstellen von Eingabewerten.
• @rehooks/local-storage React-Hook, der localStorage[key] mit der Komponente synchronisiert.
• @rehooks/network-status React-Hook zum Abrufen des Netzwerkstatus.
• @rehooks/online-status React-Hook für den Online-Status.
• @rehooks/window-scroll-position React-Hook zum Abrufen der Positionen x und y des Fensters.
• @rehooks/window-size React-Hook zum Abonnieren der Fenstergröße.
• @rekindle/use-request 🤖 React-Hook zum Ausführen von Anfragen.
• @rkrupinski/use-state-machine Ein Hook für endliche Zustandsmaschinen.
• @staltz/use-profunctor-state React-Hook für State-Management mit Profunctor-Optics
• @webscopeio/react-health-check 🏥 Leichter React-Hook zur Überprüfung der Gesundheit von API-Diensten.
• @wellyshen/use-web-animations 🍿 React-Hook für hochperformante und manipulierbare Animationen mit der Web Animations API.
• @withvoid/melting-pot React-Hook-Dienstprogrammbibliothek.
• ahooks/usetable Eine progressive Lösung für Abfrage-Tabellen-Szenarien.
• concent Auf React zugeschnittenes State-Management: einfach, vorhersehbar, progressiv und effizient.
• constate Verwandeln Sie Ihren lokalen Zustand mit useContextState und useContextReducer in globalen Zustand.
• conuse Hooks über Context teilen
• easy-peasy Ganz einfach globaler Zustand für React.
• fetch-suspense React-Hook für die Fetch-API mit Unterstützung für Suspense.
• graphql-hooks Minimaler GraphQL-Client, bei dem die Hooks zuerst kommen.
• mobx-react-lite Leichte React-Bindungen für MobX auf Basis experimenteller React-Hooks.
• modali Eine ansprechende modale Dialogkomponente für React, von Grund auf zur Unterstützung von React Hooks gebaut.
• moment-hooks Eine Bibliothek mit generischen React-Hooks
• nice-hooks 🍹 Viele praktische Hooks, die React-Hooks leichter zu verwenden machen (useState-Callback / Lebenszyklus / Instanzvariable)
• promise-hook React-Hook zur Vereinfachung des promise-basierten Datenabrufs.
• reactive-react-redux React-Redux-Bindung mit React Hooks und Proxy
• react-async-hook React-Hook, um Ad-hoc-Daten in Ihre React-Komponenten zu laden.
• react-cached-callback React-Hooks zum Zwischenspeichern vieler Callbacks nach Schlüssel, zum Beispiel in Schleifen.
• react-context-refs React-Hooks zum Abrufen von Refs von Elementen über den Context.
• react-cookie React-Hooks für universelle Cookies.
• react-cool-dimensions 📏 React-Hook zum Messen der Größe eines Elements und für den Umgang mit responsiven Komponenten.
• react-cool-form 📋 React-Hooks für Formularzustand und Validierung: weniger Code, mehr Leistung.
• react-cool-inview 🖥️ React-Hook, der überwacht, ob ein Element den Viewport (oder ein anderes Element) betritt oder verlässt.
• react-cool-onclickoutside 🖱 React-Hook zum Abhören von Klicks außerhalb der Komponente(n).
• react-cool-portal 🍒 React-Hook für Portals, der Modals, Dropdowns, Tooltips usw. in oder anderswo rendert.
• react-cool-virtual ♻️ Ein winziger React-Hook zum mühelosen Rendern großer Datensätze.
• react-countdown-hook Extrem einfacher, aber leistungsstarker Countdown-Hook für React. Angetrieben von requestAnimationFrame.
• react-darkreader 🌓 Ein React Hook zum Hinzufügen eines Dunkel-/Nachtmodus zu Ihrer Website, inspiriert von darkreader.
• react-declare-form Deklarative Formularbibliothek auf Basis eines React-Hooks.
• react-deep-hooks React-Hooks für nicht-primitive Abhängigkeiten.
• react-dom-status-hook React-Hook zum Abonnieren des DOMContentLoaded-Ereignisses.
• react-enhanced-reducer-hook Eine Alternative zu useReducer, die Middlewares akzeptiert.
• react-fetch-hook React-Hook zur bequemen Verwendung der Fetch-API.
• react-firebase-hooks Eine Sammlung von Hooks zur Verwendung mit Firebase.
• react-form-stateful Formularbibliothek. Legt dispatch offen, damit die Bibliothek durch Seiteneffekte erweitert werden kann.
• react-hanger Eine kleine Sammlung von Utility-Hooks.
• react-hook-mighty-mouse React-Hook, der Mausereignisse auf dem ausgewählten Element verfolgt 🐭
• react-hook-mousetrap Ein Hook zum Auslösen von Callbacks bei Tasten oder Tastenkombinationen, angetrieben von mousetrap.
• react-hookedup Eine Sammlung nützlicher React-Hooks.
• react-hook-form Formularvalidierung ohne den ganzen Aufwand.
• react-hook-layout Layout-Verwaltung in React.
• react-hooks-async Benutzerdefinierte React-Hooks für asynchrone Funktionen mit Abbruchbarkeit und Komponierbarkeit
• react-hooks-global-state Ein einfaches globales State-Management.
• react-hooks-image-size Hook zum Abrufen der natürlichen Bildgröße aus einer URL.
• react-hooks-lib Ein Satz wiederverwendbarer React-Hooks.
• react-hooks-svgdrawing Hooks zum SVG-Zeichnen.
• react-hooks-use-modal Ein Hook zum einfachen Öffnen einer Modal-Komponente.
• react-hooks-visible Ein Hook für die Elementsichtbarkeit. Verwendet die Intersection-Observer-API.
• react-hooks-worker Benutzerdefinierte React-Hooks für Web-Worker
• react-hotkey-hook React-Hook für Tastenkürzel.
• react-i18next Internationalisierung für React, richtig gemacht.
• react-immer-hooks useState und useReducer, die Immer zur Zustandsaktualisierung verwenden.
• react-indicative-hooks Hooks, die eine Datenvalidierungsbibliothek namens Indicative umhüllen
• react-intersection-visible-hook React-Hook zum Verfolgen der Sichtbarkeit einer Funktionskomponente.
• react-media-hook React-Hook für Media Queries.
• react-metatags-hook React Hook zur Verwaltung von HTML-Meta-Tags.
• react-native-react-bridge Ein React-Native-Plugin, um React auszuführen und die Kommunikation zwischen ihnen zu verwalten.
• react-optimistic-ui-hook ⚛️ Minimale Implementierung des „Optimistic UI“-Musters mit einem React-Hook
• react-page-name React Hook zur Verwaltung des Seitentitels.
• react-peer-data React-Wrapper für die PeerData-Bibliothek zum Streamen/Teilen von Dateien und Medien über WebRTC.
• react-pirate Lifecycle- und Utility-Hooks für React.
• react-powerhooks Hooks-API für react-powerplug-Komponenten.
• react-promiseful Eine React-Komponente und ein Hook, um Kinder bedingt anhand des Status eines Promise zu rendern.
• react-query Hooks zum Abrufen, Zwischenspeichern und Aktualisieren asynchroner Daten in React.
• react-recaptcha-hook React-Hook für google-recaptcha v3
• react-recipes 👩‍🍳 Sammlung unverzichtbarer Hook-Rezepte 🥘
• react-request-hook Verwaltete, abbrechbare und sicherheitsorientierte API-Anfragen.
• react-responsive React-Media-Query-Modul.
• react-rocketjump Verwalten Sie Zustand und Seiteneffekte mühelos.
• react-screen-wake-lock React-Implementierung der Screen Wake Lock API. Sie bietet eine Möglichkeit zu verhindern, dass Geräte den Bildschirm abdunkeln oder sperren, wenn eine Anwendung weiterlaufen muss
• react-script-hook React-Hook zum dynamischen Laden eines externen Skripts und zum Erkennen, wann es geladen ist
• react-selector-hooks Sammlung hook-basierter memoisierter Selektorfabriken für Deklarationen außerhalb des Renderings.
• react-speech-kit Hooks für die Spracherkennung und Sprachsynthese des Browsers.
• react-state-patterns Dienstprogrammpaket zum Erstellen wiederverwendbarer Implementierungen von React-State-Provider-Mustern aus Hooks.
• react-swipeable React-Hook zur Behandlung von Swipe-Ereignissen.
• react-tracked Einfacher und schneller globaler Zustand mit React Context. Beseitigen Sie unnötige Re-Renders ohne Aufwand.
• react-uniformed 🚀 Deklarative React-Formulare mit Hooks.
• react-use-api Asynchrone HTTP-Anfragedaten für axios. Entworfen für vielfältige UI-Zustände, SSR und Daten-Vorab-Caching.
• react-use-browser Ein Hook, der die clientseitige Hydratation serverseitig gerenderter Komponenten ermöglicht, wenn das vom Server erzeugte Markup vom endgültigen Markup der Client-Anwendung abweichen muss.
• react-use-calendar Ein Hook zum Implementieren eines Kalenders mit Ereignissen.
• react-use-clipboard Ein Hook, der Text in die Zwischenablage des Benutzers kopiert.
• react-use-d3 Ein React-Hook zur Verwendung von D3.
• react-use-data-loader React-Hook zum Laden von Daten
• react-use-fetch-factory React-Hook, der das Abrufen und Auswählen von Daten mit redux übernimmt.
• react-use-fetch-with-redux React-Hook, der API-Anfragen zwischenspeichert und mit redux funktioniert.
• react-use-form-state React-Hook zur Verwaltung des Zustands von Formularen und Eingaben.
• react-use-id-hook React-Hook zum Generieren SSR-sicherer eindeutiger ID-Zeichenketten.
• react-use-idb React-Hook zum Speichern von Werten im Browser mit indexDB.
• react-use-infinite-loader :infinity: :page_with_curl: :hourglass_flowing_sand: Extrem leichter Infinite-Loading-(Scroll-)Hook für React-Apps
• react-use-input 🎣 Ein Hook, dessen Setter direkt an HTML-Eingabefelder übergeben werden kann
• react-use-lazy-load-image :sunrise: :zap: Fügen Sie Ihrer React-App mühelos Lazy Loading für Bilder hinzu
• react-use-message-bar Ein einfacher React-Hook für Nachrichtenleisten.
• react-use-modal React-Hook zur Verwaltung von Modals.
• react-use-path Der winzigste React-Router im Hook-Stil.
• react-use-scroll-position React-Hook zur Verwendung der Scroll-Position.
• react-use-trigger React-Hook, um einen Effekt von jeder beliebigen Stelle des Codes auszulösen
• react-use-watch Ein React-Hook, der nur einmal auslöst, wenn sich die Abhängigkeiten geändert haben.
• react-use-wavelet React-Hooks zum Verbinden mit der Wavelet-Smart-Contract-Plattform
• react-use Sammlung unverzichtbarer Hooks.
• react-useFormless React-Hook zur Behandlung des Formularzustands.
• react-usemiddleware React-Hook zur Verwendung vorhandener Redux-Middlewares (wie thunk oder saga) mit useReducer.
• react-useportal 🌀 usePortal, React-Hook für Portals
• react-user-media React-Wrapper für navigator.getUserMedia.
• react-wait Hook zur Verwaltung komplexer Loader für React-Anwendungen.
• react-window-communication-hook React-Hook zur Kommunikation zwischen Browser-Kontexten (Tabs, Fenster, Iframes).
• react-with-hooks Ponyfill für die vorgeschlagene React-Hooks-API.
• reaktion useState-ähnlicher Hook für globales State-Management.
• redhooks Globales State-Management mit React Hooks. Unterstützt auch die Verwendung von Middleware wie redux-thunk oder redux-saga oder Ihrer eigenen benutzerdefinierten Middleware.
• redux-react-hook React-Hook für den Zugriff auf gemappten Zustand aus einem Redux-Store.
• region-core Ein Framework für globales State-Management mit einem Hook useProps.
• rehooks-visibility-sensor Prüft, ob ein Element in den sichtbaren Bereich gescrollt wurde oder nicht.
• resynced Verwaltung mehrerer Zustände mit der React-Hooks-API.
• reto Flexibler und effizienter React-Store mit Hooks.
• rrh Supereinfache React Hooks für react-redux.
• rxjs-hooks Ein einfacher Weg, RxJS v6+ mit React-Hooks zu verwenden.
• scroll-data-hook Liefert Informationen über Scrollgeschwindigkeit, -distanz, -richtung und mehr.
• style-hook 🎨 schreiben Sie CSS in JS mit React-Hooks.
• swr React-Hooks-Bibliothek für das Abrufen entfernter Daten.
• the-platform Browser-APIs, die in React Hooks verwandelt wurden, und Suspense-freundliche React-Elemente für häufige Situationen.
• trousers 👖 Eine Hooks-first-CSS-in-JS-Bibliothek, fokussiert auf Semantik und Laufzeitleistung
• use-abortable-fetch React-Hook, der einen Fetch ausführt und abbricht, wenn die Komponente entladen wird oder eine andere Anfrage gestellt wird.
• use-action Fast identisch zu useEffect, aber nicht verzögert.
• use-as-bind React-Hook zur Verwendung von as-bind mit einer WASM-Quelle.
• use-async-memo React-Hook zum Erzeugen asynchroner memoisierter Daten.
• use-autocomplete Ein React-Hook, der Autocomplete-Werte für einen Suchstring innerhalb eines Arrays zurückgibt.
• use-axios-react React-CRUD-Hooks für axios, umfassende Liste von Beispielen
• use-boolean Praktische Helfer für den Umgang mit booleschem Zustand.
• use-browser-history Ein React-Hook zur Behandlung von Browser-Verlaufsereignissen.
• use-cart Ein React-Hook, der Ihnen Warenkorbfunktionalität bietet.
• use-click-away React-Hook, wenn Sie möchten, dass ein Callback aufgerufen wird, wenn ein DOM-Element nicht geklickt wurde.
• use-clippy Ein React-Hook zum Lesen aus und Schreiben in die Zwischenablage des Benutzers.
• use-context-selector React-useContextSelector-Hook im Userland.
• use-controlled-input-number React-Hook, der das Verhalten numerischer Eingaben in etwa so macht, wie man es erwartet.
• use-countries Benutzerdefinierter React-Hook zum Auflisten von Ländern und Sprachen.
• use-debounce Ein Debounce- (und Throttle-)Hook für React.
• use-deep-compare Es sind die useEffect/useMemo/useCallback-Hooks von React, nur mit tiefem Vergleich der Eingaben.
• use-deep-compare-effect 🐋 Es ist der useEffect-Hook von React, nur mit tiefem Vergleich der Eingaben statt Referenzgleichheit.
• use-detect-print React-Hook zum Erkennen, wann eine Seite gedruckt wird.
• use-dimensions React-Native-Hook zum Abrufen der Bildschirm- und Fensterabmessungen.
• use-double-click React-Hook für kontinuierliche Doppelklicks und das Kombinieren von Klick- und Doppelklick-Ereignissen
• use-eazy-auth React-Hooks zur Behandlung von Auth-Angelegenheiten.
• use-events Ein Satz von React Hooks zur Behandlung von Mausereignissen.
• use-force-update React-Hook zum Erzwingen eines erneuten Renderns einer Funktionskomponente.
• use-hotkeys HotKeys.js-React-Hook, der auf Keydown- und Keyup-Tastaturereignisse hört und Tastenkürzel definiert und auslöst.
• use-hovering Einfacher, barrierefreier React-Hook zum Verfolgen des Hover-Zustands.
• use-http 🐶 useFetch, React-Hook für isomorphe HTTP-Anfragen.
• use-immer Ein Hook, der immer zur Manipulation des Zustands verwendet.
• use-input-file React-Hook zum Erstellen von Dateieingaben.
• use-is-mounted-ref useIsMountedRef ist ein React Hook, um zu prüfen, wann die Komponente gemountet ist.
• use-lang-direction Ein Hook, der den Wert des dir-Attributs des HTML-Elements und dessen Aktualisierungen liest, damit Sie Ihre Benutzeroberfläche entsprechend anpassen können.
• use-last-fm Ein Hook, der den aktuell gespielten Song aus Spotify oder einer anderen von last.fm unterstützten Website in Echtzeit anzeigt. ♪
• use-lilius Ein Headless-Kalender-Hook für React.
• use-media CSS-Media-Queries mit einem React-Hook.
• use-mouse-action React Hooks, um sowohl Maus-Down-/Up- als auch Klick-Ereignisse mit einer einmal aufgerufenen Funktion zu überwachen.
• use-multiselect Verwalten Sie den Multiselect-Zustand.
• use-overflow Ein React Hook, mit dem Sie Überlauf in X- und Y-Richtung erkennen können
• use-places-autocomplete 📍 React-Hook für das Google-Maps-Places-Autocomplete.
• use-popper React-Hook-Wrapper um Popper.js.
• use-query-params Ein React Hook zur Verwaltung des Zustands in URL-Abfrageparametern mit einfacher Serialisierung.
• use-react-modal 🖼 useModal, React-Hook für Modals/Dialoge/Lightboxes
• use-react-router React Hook für Pub-Sub-Verhalten mit React Router.
• use-reactive-state useReactiveState() - eine reaktive Alternative zu Reacts useState().
• use-reducer-async React useReducer mit asynchronen Aktionen
• use-redux Ein Hook, um redux einzubinden.
• use-scroller React-Hook, der automatisch die nächste Seite hinzufügt und Benutzern einen vollständigen Seitenladevorgang erspart.
• use-scroll-to-bottom React-Hook zum Erkennen, wann ein Element bis zum unteren Rand gescrollt wurde.
• use-simple-undo Einfache Implementierung der Undo/Redo-Funktionalität.
• server-push-hooks 🔥 React Hooks für socket.io, SEE und mehr kommen noch
• use-socket.io-client React-Hook für socket.io-client, bearbeiten Sie den socket.io-Client ohne jegliche Seiteneffekte.
• use-sse ✨useSSE - use Server-Side Effect. useEffect sowohl auf Client- als auch auf Serverseite.
• use-ssr ☯️ React-Hook zum Bestimmen, ob Sie sich auf dem Server, im Browser oder in React Native befinden.
• use-state-snapshots Ein React-Hook zur Verfolgung von Zustandsänderungen für die Undo/Redo-Funktionalität.
• use-substate React-Hook zum Abonnieren Ihres einzelnen App-Zustands (funktioniert mit Ihrer aktuellen Redux-App).
• use-suspender Führen Sie asynchrone Aktionen mit React.Suspense aus
• use-t Mehrsprachigkeit mit Hooks.
• use-undo React-Hook zum Implementieren von Undo- und Redo-Funktionalität.
• use-videocard React-Hook zum Abrufen der Grafikkarteninformationen des Clients über Canvas
• use-window-blur-change-title React Hook zum Festlegen des Seitentitels, wenn der Benutzer den Fokus vom aktuellen Fenster weglenkt.
• useDarkMode Ein benutzerdefinierter React Hook, der Ihnen bei der Implementierung einer „Dark-Mode“-Komponente hilft.
• useDeferredState Ein React-Hook zum Verzögern von Zustandsänderungen. Unverzichtbar, wenn Ihre Benutzeroberfläche warten muss, bis die Ausblendanimation abgeschlossen ist, um die Komponente zu unmounten.
• useDropZone React-Hook, mit dem Sie eine einfache Drag-and-Drop-Funktionalität einrichten können.
• useEmailAutocomplete 📬 React-Hook für E-Mail-Autocomplete-Eingaben.
• useFileDialog Öffnen Sie den Dateidialog, ohne sich mit Dateieingaben herumzuschlagen, mit dem useFileDialog-React-Hook
• useInView React-Implementierung der Intersection Observer API, die Ihnen mitteilt, wann ein Element den Viewport betritt oder verlässt.
• useIsTyping Hook, um zu sehen, ob der Benutzer gerade in ein Textarea oder Eingabefeld tippt
• useKeyCapture ⌨️ Ein einfacher Hook, der das Abhören von keyDown-Ereignissen erleichtert.
• usePosition React-Hook zum Abrufen der Position oben links eines Elements.
• useReducerWithEffects React Hook, der Reducer und Seiteneffekte zusammenführt
• useReducerWithLocalStorage React-Hook, der dem useReducer-Hook Local-Storage-Unterstützung hinzufügt
• useScreenType Bestimmt den Bildschirmgrößentyp für das Bootstrap-4-Raster.
• useScreenType React-Hook zum dynamischen Abrufen des aktuellen Bildschirmtyps (Mobilgerät, Tablet, Desktop) mit konfigurierbarer Breakpoint-Unterstützung.
• useScrollSpy React-Hook zum automatischen Aktualisieren der Navigation basierend auf der Scroll-Position.
• useServiceWorker Ein React-Hook, mit dem sich ein Service Worker registrieren lässt
• useValueAfter Sehr einfacher React-Hook, um einer Komponente mühelos unterschiedliche Props bereitzustellen (praktisch zum Testen von Randfällen)
• useWaitForElements Ein einfacher Hook, um mit MutationObserver auf das Rendern von Elementen zu warten.
• useWindowOrientation Ein Hook, der die Ausrichtung des Fensters (Hoch- vs. Querformat) auf Grundlage der aktuellen Fensterabmessungen zurückgibt
• useWindowWidthBreakpoints Ein Hook zur Verwendung von (Bootstrap-inspirierten) Breakpoints für die Fensterbreite