streamich/react-use

[useMeasure] Ability to track a custom Ref

Open

#1.227 geöffnet am 18. Mai 2020

Auf GitHub ansehen
 (15 Kommentare) (19 Reaktionen) (0 zugewiesene Personen)TypeScript (3.273 Forks)batch import
good first issuehelp wanted

Repository-Metriken

Stars
 (43.979 Stars)
PR-Merge-Metriken
 (Durchschn. Merge 1743T 9h) (1 gemergte PR in 30 T)

Beschreibung

Is your feature request related to a problem? Please describe.

Currently useMeasure returns a ref which needs to be assigned a ref in the JSX. This has 2 issues:

  1. The ref is not a real useRef for eg. Does not have ref.current as a prop.
  2. If I already have a component where I have a ref, I just want to track its size changes.

Describe the solution you'd like

An API of this shape: const {width, height ... } = useMeasure({ref: currentRef});

Describe alternatives you've considered

I am using https://github.com/ZeeCoder/use-resize-observer ... in the absence of the above which I want to remove.

Contributor Guide

Research-Richtung
Implementieren Sie eine alternative API für useMeasure, die ein benutzerdefiniertes ref Objekt akzeptiert, sodass Benutzer Größenänderungen eines vorhandenen refs verfolgen können, anstatt nur das zurückgegebene ref zu verwenden. Berücksichtigen Sie die aktuelle Implementierung in src/useMeasure.ts und stellen Sie die Abwärtskompatibilität sicher.
Tech Stack
typescriptreact
Domain
frontend
Issue Type
Funktion
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.
Halber Tag
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
ReactTypeScriptReact Hooks
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
60