streamich/react-use

[useMeasure] Ability to track a custom Ref

Open

#1227 aperta il 18 mag 2020

Vedi su GitHub
 (15 commenti) (19 reazioni) (0 assegnatari)TypeScript (3273 fork)batch import
good first issuehelp wanted

Metriche repository

Star
 (43.979 star)
Metriche merge PR
 (Merge medio 1743g 9h) (1 PR mergiata in 30 g)

Descrizione

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.

Guida contributor

Direzione di ricerca
Implementare un'API alternativa per useMeasure che accetti un oggetto ref personalizzato, permettendo agli utenti di tracciare i cambiamenti di dimensione di un ref esistente invece di usare solo il ref restituito. Considerare l'implementazione corrente in src/useMeasure.ts e garantire la retrocompatibilità.
Tech stack
typescriptreact
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Mezza giornata
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
ReactTypeScriptReact Hooks
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
60