streamich/react-use

[useMeasure] Ability to track a custom Ref

Open

#1.227 aberto em 18 de mai. de 2020

Ver no GitHub
 (15 comments) (19 reactions) (0 assignees)TypeScript (3.273 forks)batch import
good first issuehelp wanted

Métricas do repositório

Stars
 (43.979 stars)
Métricas de merge de PR
 (Mesclagem média 1743d 9h) (1 fundiu PR em 30d)

Description

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.

Guia do colaborador

Direção de pesquisa
Implemente uma API alternativa para useMeasure que aceite um objeto ref personalizado, permitindo que os usuários rastreiem as mudanças de tamanho de um ref existente em vez de usar apenas o ref retornado. Considere a implementação atual em src/useMeasure.ts e garanta a compatibilidade reversa.
Pilha de tecnologia
typescriptreact
Domain
frontend
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Meio dia
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
ReactTypeScriptReact Hooks
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
60