React DOM APIs

---

APIs

את ה-APIs האלה אפשר לייבא מתוך הקומפוננטות. הם בשימוש נדיר:

• createPortal מאפשר לרנדר קומפוננטות ילדים בחלק אחר של עץ ה-DOM.
• flushSync יכול לאלץ את React לבצע שטיפה לעדכון state ולעדכן את ה-DOM בצורה סינכרונית.

APIs לטעינה מוקדמת של משאבים

אפשר להשתמש ב-APIs האלה כדי להאיץ אפליקציות באמצעות טעינה מוקדמת של משאבים כמו סקריפטים, קובצי סגנון גופנים, מיד כשידוע שתצטרכו אותם, למשל לפני ניווט אחר שבו המשאבים האלה יידרשו.

מסגרות מבוססות React מטפלים לעתים קרובות בטעינת משאבים בשבילכם, אז ייתכן שלא תצטרכו לקרוא ל-APIs האלה באופן עצמאי. לפרטים, עיינו בתיעוד של ה-framework שלכם.

• prefetchDNS יכול לבצע prefetch לכתובת ה-IP של שם דומיין DNS כשאתם מצפים להתחבר אליו.
• preconnect אפשר להתחבר מראש לשרת שמנו אתם מצפים לבקש משאבים, גם אם עדיין לא ידוע אילו משאבים תצטרכו.
• preload יכול להביא מראש גיליון סגנונות, גופן, תמונה, או סקריפט חיצוני אם מצפים להשתמש בהם.
• preloadModule יכול להביא מראש מודול ESM כאשר מצפים להשתמש בו.
• preinit יכול להביא ולהכניס גיליון סגנונות.
• preinitModule יכול להביא ולהעריך מודול ESM.

---

נקודות כניסה

החבילה react-dom מספקת שתי נקודות כניסה נוספות:

• react-dom/client כולל APIs לרינדור קומפונטות React בצד לקוח (בדפדפן).
• react-dom/server כולל APIs לרינדור קומפונטות React בצד שרת.

---

APIs שהוצאו שימוש

• findDOMNode מוצא את DOM node הקרוב ביותר שמקביל למופע class component.
• hydrate עם עץ לתוך DOM __1 מ-findDOMNode של שרת. הוצא משימוש לטובת hydrateRoot.
• render כולל עץ לתוך ה-DOM. הוצא משימוש לטובת createRoot.
• unmountComponentAtNode מסיר עץ מה-DOM. הוצא משימוש לטובת root.unmount().