React 19, öncelikle oluşturma sırasında sahne nasıl yönetildiğine odaklanan önceki sürümlere kıyasla özel öğeleri desteklemek için önemli geliştirmeler sunar. İşte temel farklılıklar:
Geliştirilmiş pervane taşıması
1. Özniteliklerin ve Özelliklerin Ayrılması: React 19'da, özel bir öğe örneğindeki özelliklere karşılık gelen destekler, istemci tarafı oluşturma sırasında özellik olarak atanır. Prop ilkel bir tipse (`dize`,` sayı 'veya `true` gibi), bir özellik olarak oluşturulur. Prensipsiz olmayan türler (`nesne ',` `sembol' veya 'işlev' gibi) oluşturma işlemi hariç tutulur. Bu yaklaşım, tipik olarak işlev görecek şekilde nasıl tasarlandıkları ile hizalanan özel öğelerle daha sezgisel bir etkileşim sağlar [3] [4].
2. Sunucu tarafı oluşturma (SSR) İyileştirmeler: SSR sırasında aynı mantık geçerlidir: ilkel sahne nitelikler olarak oluşturulurken, sorunlayıcı olmayan türler atlanır. Bu, sunucu oluşturulan çıktının müşterinin beklediği şeyle tutarlı olmasını sağlar ve hidrasyon sırasında potansiyel uyumsuzlukları azaltır [4] [5].
3. Kapsamlı Özel Eleman Kayıtları: React 19, geliştiricilerin mikro ön mimarilerde özel öğeleri daha etkili bir şekilde yönetmelerine olanak tanıyan kapsamlı özel öğe kayıtlarını destekler. Bu özellik, birden fazla uygulama aynı özel öğenin farklı sürümlerine bağlı olduğunda, modülerliği ve uyumluluğu artırdığında versiyon çatışmalarını önlemeye yardımcı olur [2].
4. Geliştirilmiş Performans Metrikleri: React 19 her yerde özel öğelerde% 100 puan elde etti, bu da önceki sürümlerde önemli bir gelişme. Bu, Web bileşenleriyle daha iyi performans ve uyumluluğu gösterir ve React'in özel öğeleri ele almasıyla ilgili geçmiş eleştirileri ele alır [5].
React 19'daki bu geliştirmeler, özel öğelerin sadece React uygulamalarına entegrasyonunu kolaylaştırmakla kalmaz, aynı zamanda genel performansı ve geliştirici deneyimini geliştirerek Web bileşenleriyle reaksiyon bağlamında çalışmayı kolaylaştırır.
Alıntılar:[1] https://github.com/facebook/react/issues/11347
[2] https://github.com/facebook/react/issues/28938
[3] https://www.angularminds.com/blog/react-19-beta-features
[4] https://react.dev/blog/2024/04/25/react-19
[5] https://piccalil.li/blog/upcom-custom-Element-support-in-react/
[6] https://www.bacancytechnology.com/blog/whats-new-in-reacact-19
[7] https://eluminointechnologies.com/blog/react-19/
[8] https://www.geeksforgeeks.org/react-19-new-features-and-wdates/