React DOM APIs

---

APIs

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

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

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

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

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

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

---

נקודות כניסה

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

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

---

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

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