React DOM API'leri
react-dom
paketi, sadece tarayıcı DOM ortamında çalışan web uygulamaları için desteklenen yöntemleri içerir. React Native için desteklenmezler.
API’ler
Bu API’ler bileşenlerinizden içe aktarılabilirler. Nadiren kullanılırlar:
createPortal
alt bileşenleri DOM ağacındaki farklı bir bölüme render etmenizi sağlar.flushSync
React’i bir state güncellemesini hemen uygulamaya zorlayarak senkronize şekilde DOM’u güncellemenizi sağlar.
Kaynak Önceden Yükleme API’leri
Bu API’ler, kaynakların (örneğin, betikler, stil sayfaları ve fontlar) önceden yüklenmesini sağlayarak uygulamaları daha hızlı hale getirmek için kullanılabilir. Örneğin, bu kaynakların kullanılacağı başka bir sayfaya geçmeden önce kaynakları yüklemek için kullanılabilir.
React tabanlı frameworkler sıklıkla kaynak yüklemeyi sizin için halleder, bu yüzden bu API’leri kendiniz çağırmanıza gerek kalmayabilir. Ayrıntılar için framework’ünüzün dökümantasyonuna başvurun.
prefetchDNS
, bağlanmayı beklediğiniz bir DNS alan adı adresinin IP adresini önceden yüklemenizi sağlar.preconnect
, hangi kaynakları kullanacağınızı bilmeseniz bile, kaynak talep etmeyi beklediğiniz bir sunucuya bağlanmanıza olanak tanır.preload
, kullanmayı beklediğiniz bir stil sayfasını, fontu, resmi veya harici betiği önceden yüklemenizi sağlar.preloadModule
, kullanmayı beklediğiniz bir ESM modülünü önceden yüklemenizi sağlar.preinit
, harici bir betiği önceden yükleyip değerlendirmenize veya bir stil sayfasını yükleyip yerleştirmenize olanak tanır.preinitModule
, bir ESM modülünü önceden yükleyip değerlendirmenizi sağlar.
Giriş noktaları
react-dom
paketi iki ek giriş noktası sağlar:
react-dom/client
React bileşenlerini istemcide (tarayıcıda) render etmek için API’ler içerir.react-dom/server
React bileşenlerini sunucuda oluşturmak için API’ler içerir.
Kaldırılan API’ler
Bu API’ler React 19’da kaldırılmıştır:
findDOMNode
: alternatifleri inceleyin.hydrate
: bunun yerinehydrateRoot
kullanın.render
: bunun yerinecreateRoot
kullanın.unmountComponentAtNode
: bunun yerineroot.unmount()
kullanın.renderToNodeStream
: bunun yerinereact-dom/server
API’lerini kullanın.renderToStaticNodeStream
: bunun yerinereact-dom/server
API’lerini kullanın.