O novo recurso no React 19, que permite a passagem de refs como adereços, em vez de usar o `forwardref`, pode melhorar a eficiência do desenvolvimento de algumas maneiras importantes:
API mais simples e mais intuitiva
A passagem de refs como adereços regulares é uma API mais natural e intuitiva em comparação com o uso de `forwardref`. Ele se alinha melhor com o princípio do Core React de transmitir dados na árvore de componentes por meio de adereços. Isso facilita a compreensão do código, especialmente para iniciantes.
Boilerplate reduzido
O uso de `forwardref` requer envolver o componente filho em uma chamada` forwardref` e passar o `ref` como o segundo argumento para o componente de função. Isso adiciona algum código de caldeira. Passando no referência diretamente como um suporte elimina esse código extra.
melhor encapsulamento
Ao usar o `forwardref`, o componente filho precisa estar ciente de que está recebendo um REF e precisa anexá -lo ao elemento DOM apropriado. Passar o ref como um suporte permite que o componente filho permaneça inconsciente do REF, melhorando o encapsulamento.
REFATORIA FÁCIL
Se você precisar refatorar uma árvore de componentes e alterar o ponto de fixação do REF, é mais simples atualizar o nome do suporte em vez de precisar atualizar a chamada `forwardref` em vários lugares. Isso torna a base de código mais sustentável.
consistente com componentes de classe
Nos componentes da classe, os refs são anexados usando o `ref ', não por meio de um mecanismo especial' Forwardref '. Permitir refs como adereços nos componentes da função fornece uma API mais consistente nos componentes de classe e função.
verificação de tipo mais fácil
Ao usar o TypeScript, é mais simples digitar um ref já passado como um suporte em comparação com o uso de tipos `forwardref` e` refattributes`. O tipo de suporte pode ser inferido diretamente do objeto `ref`.
Em resumo, o novo recurso Reps AS APS torna a API do React mais intuitiva, reduz a caldeira, melhora o encapsulamento e torna a base de código mais sustentável - o que melhora a eficiência do desenvolvedor ao trabalhar com React em React 19 e além [1] [3] [4].
Citações:[1] https://www.copycat.dev/blog/react-forwardref/
[2] https://stackoverflow.com/questions/58578570/value-of-using-react-forwardref-vs-custom-ref-prop
[3] https://legacy.reactjs.org/docs/forwarding-refs.html
[4] https://www.reddit.com/r/reactjs/comments/1asgpy9/ref_as_a_prop_advance_beginner_question/
[5] https://blog.lugocket.com/why-you-shanche-use-refs-sparinginging-in-production/
[6] https://react.dev/blog/2024/04/25/react-19upgrade-guide
[7] https://dev.to/dalcio/react-performance-usestate-redcer-ref-teoretic-summary-1bok
[8] https://www.freecodecamp.org/news/new-react-19-features/