React 19'daki Refs'i `` forwardref '' kullanmak yerine sahne olarak geçirmeye izin veren yeni özellik, geliştirme verimliliğini birkaç önemli şekilde artırabilir:
Daha basit ve daha sezgisel API
Refs'i düzenli sahne olarak geçmek, `` forwardref '' kullanmaya kıyasla daha doğal ve sezgisel bir API'dır. Bileşen ağacının aksesuarlar aracılığıyla verileri aktarmanın çekirdek reaksiyon prensibi ile daha iyi hizalanır. Bu, özellikle yeni başlayanlar için kodun anlaşılmasını ve akıl yürütmesini kolaylaştırır.
Azaltılmış Kaynak Plakası
`Forwardref` kullanmak, alt bileşeninin bir` forweRef` çağrısına sarılmasını ve işlev bileşenine ikinci argüman olarak `ref` `Ref '' i aktarmayı gerektirir. Bu, bazı kaynak kodları ekler. REF'i doğrudan bir pervane olarak geçmek bu ekstra kodu ortadan kaldırır.
Daha İyi Kapsülleme
`Forwardref` kullanılırken, alt bileşenin bir ref aldığının farkında olması ve uygun DOM öğesine bağlanması gerektiğinin farkında olmalıdır. REF'i bir pervane olarak geçmek, çocuk bileşeninin REF'den habersiz kalmasını ve kapsüllemeyi iyileştirmesini sağlar.
daha kolay yeniden düzenleme
Bir bileşen ağacını yeniden düzenlemeniz ve REF ek noktasını değiştirmeniz gerekiyorsa, `forwardref` çağrısını birden fazla yerde güncellemek yerine pervane adını güncellemek daha kolaydır. Bu, kod tabanını daha korunabilir hale getirir.
sınıf bileşenleriyle tutarlı
Sınıf bileşenlerinde refs, özel bir `forwardref 'mekanizması yoluyla değil,` ref `pervanesi kullanılarak eklenir. Refs'in işlev bileşenlerinde sahne olarak izin verilmesi, sınıf ve işlev bileşenleri arasında daha tutarlı bir API sağlar.
daha kolay tür kontrolü
TypeScript kullanılırken, `forwardref` ve` refaTributes 'türlerini kullanmaya kıyasla pervane olarak geçirilen bir ref'yi kontrol etmek daha kolaydır. Prop türü doğrudan `Ref` nesnesinden çıkarılabilir.
Özetle, yeni Refs AS PROPS özelliği, React API'sını daha sezgisel hale getirir, kaynak plakasını azaltır, kapsüllemeyi iyileştirir ve kod tabanını daha fazla sürdürülebilir hale getirir - bunların hepsi REACT 19 ve ötesinde [1] [3] [4] ile çalışırken geliştirici verimliliğini geliştirir.
Alıntılar:[1] https://www.copycat.dev/blog/react-forwardref/
[2] https://stackoverflow.com/questions/58578570/value-of--reacact-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.logrock.com/why-moutould-use-use-refs-sparingly-in-production/
[6] https://react.dev/blog/2024/04/25/react-19-
[7] https://dev.to/dalcio/react-pormance-usestate-educer-ref-teorik-sumary-1bok
[8] https://www.freecodecamp.org/news/new-reacact-19-features/