מבוא

למה לפני הידרציה

SSR בהזרמה יוצר פער בין הציור הראשון להידרציה — פער לכל גבול Suspense שמגיע באיחור. בזמן הזה, אקורדיון המבוסס על useState נראה אך אינו מגיב; אקורדיון המבוסס על <details> כבר עובד.

29 מתוך 44 הרכיבים הם Tier 0: הם שולחים 0 kB של JavaScript ללקוח ועוברים את כל בדיקות האינטראקציה שלהם כשהסקריפטים מושבתים. שאר הרכיבים מתעדים את העלות ואת ההתנהגות שלהם לפני הידרציה.

למי זה מתאים

מתאים: רינדור בשרת, עמודים שעובדים לפני הידרציה ועיצוב משלכם. הרכיבים מספקים HTML סמנטי, חוזה data-* מתועד וללא עיצוב חזותי.

פחות מתאים: ערכת רכיבים עם ערכת עיצוב שנראית גמורה מיד, או אפליקציה שפועלת רק בצד הלקוח — ספרייה שמתמקדת בהידרציה תתאים לכם יותר.

איך הספרייה מאורגנת

חמש שכבות — hooks, core, elements, components ו-styles האופציונלית — שכל אחת מהן מתפרסמת בנפרד ואינה מייבאת שכבה מעליה. הרכיבים הם Server Components כברירת מחדל; נתיב הייבוא חושף כל גבול לקוח.

על הארכיטקטורה

מתחילים כאן

• התקנה — חבילה אחת וגיליון סגנונות נדרש אחד.
• סוכני AI — בניית עמודים בעזרת המיומנות /uiify.
• רכיבים — 44 סביבות התנסות חיות עם props ותקציבים מדודים.
• עדויות אימות — בדיקות הסף לשחרור גרסה שמאחורי כל מספר שפורסם.