streamich/react-use

useWindowSize callback

Open

#915 geöffnet am 21. Jan. 2020

Auf GitHub ansehen
 (7 Kommentare) (2 Reaktionen) (0 zugewiesene Personen)TypeScript (43.979 Stars) (3.273 Forks)batch import
enhancementgood first issuehelp wanted

Beschreibung

Add ability to trigger a callback when the size is updated.

const { ... } = useWindowSize(() => {
...callback on resize...
});

Contributor Guide

Tech Stack
typescriptreact
Domain
frontend
Issue Type
feature
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 hours
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
stale
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
React hooksTypeScript basics
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
75
Research-Richtung
Investigate the existing `useWindowSize` implementation in `src/useWindowSize.ts` or similar. The hook currently returns size and does not accept a callback. You'll need to add an optional callback parameter that fires on resize, likely using `useEffect` with a debounced or direct call. Check if there are any existing tests in `src/ tests /useWindowSize.test.ts` to understand the testing pattern. Consider whether the callback should be called with the new size dimensions.