React מבקשת מכם ללמוד JSX. Vue מבקשת מכם ללמוד SFC. Svelte מבקשת מכם ללמוד קומפיילר. Xuda היא שבירה נקייה. ריצה ריאקטיבית אחת, שני מסלולי כתיבה, Slim לעמודים שמתחילים ב-HTML ו-CLI למוצרים שמתחילים באפליקציה, עם דרך ישירה ל-xuda.ai כשאתם מוכנים לפרוס.
<script type="module">
import { xuda } from "@xuda.io/xuda-runtime-slim-es";
new xuda(document.body, { prog_id: "home" });
</script>
<div xu-store="{count:0}">
<button xu-click="count++">
Clicked <span xu-text="count"/> times
</button>
</div>מסלולי כתיבה · ריצה אחת
תלויות npm בחבילה שלכם
כל הפריימוורק, דחוס
מ-localhost לייצור ב-xuda.ai
React נותנת לכם לבנות ממשק, ואז משאירה אתכם לבד עם אחסון, נתונים, הזדהות ותפעול. Next.js עוטפת את הקוד שלכם בחשבון אחסון וקוראת לזה פריימוורק. Svelte משגרת קומפיילר ומנופפת לשלום. פריימוורק ה-JavaScript של Xuda הוא הריצה הריאקטיבית היחידה שתוכננה להתרחב מקובץ HTML בודד לאפליקציה פרוסה בייצור, על פלטפורמה שבבעלותנו מקצה לקצה.
בלי JSX. בלי קבצי vue. בלי קומפיילר תבניות. ה-HTML שאתם כותבים הוא ה-HTML שהדפדפן מפרש, עם ריאקטיביות שנוספת מעליו בהנחיות xu-*.
Xuda נקשרת ישירות לצמתי DOM אמיתיים. בלי השוואות. בלי מנגנון השוואה. בלי רינדורים מחדש מסתוריים. רק האלמנטים שתלויים בערך שהשתנה, מתעדכנים.
Slim נשלחת כמודול ES יחיד ועצמאי. בלי תלויות עקיפות. בלי תקרית חבילת ה-npm של השבוע. בדקו אותה פעם אחת, שגרו אותה לתמיד.
התחילו עם עמוד HTML בודד. גדלתם ממנו? עברו ל-CLI בלי לכתוב מחדש. מוכנים לשגר? דחפו ל-xuda.ai. ריצה אחת, מודל מחשבתי אחד, אפס הגירות.
Xuda תוכננה לצד מודלי שפה גדולים. הנחיות יציבות, מבנה דטרמיניסטי, אבני בניין עם שמות. סוכני AI שמפיקים Xuda מייצרים אפליקציות רצות, לא בדלים בנוסח "עכשיו חברו את זה בעצמכם".
הפריימוורק, הריצה, ייצור הקוד ב-AI, בסיס הנתונים, מערכת הפריסה והאחסון, כולם פלטפורמה אחת. די לשכור שישה כלים. די לחבר שישה לוחות. תשגרו.
שניהם מתקמפלים לאותה ריצה ריאקטיבית. התחילו עם אחד, עברו לשני, או השתמשו בשניהם זה לצד זה. אין סיפור הגירה ביניהם. אין פריימוורק שני ללמוד. רק המסלול שמתאים לעבודה שלפניכם, עכשיו.
HTML קודם · עמוד קודם · מודול ES של ~140 KB
המסלול הקל יותר. הוסיפו <script type="module">, ייבאו את Slim מ-CDN או מ-npm, וקשטו את ה-HTML הקיים שלכם ב- xu-store, xu-text, xu-click, xu-for, ו-xu-show. הקובץ שלכם הופך לריאקטיבי. בלי בנייה, בלי JSX, בלי שרשרת כלים.
אפליקציה קודם · מונע מקוד מקור · מסתנכרן לענן
המסלול הרציני. כתבו App.xu, הכניסו מסכים ל- components/, מצב משותף ל- globals/, קריאות ל- data/get/, כתיבות ל- data/set/, ובנוסף tables/, routes/, apis/, alerts/, ו-ai-agents/. הוסיפו api_key וזה מסתנכרן ישירות ל-xuda.ai.
api_key אחד מסנכרון ענן ופריסה ב-xuda.aiכל פריימוורק אחר מתייחס לפלט של מודל שפה באותו אופן: קיר של React שנוצר אוטומטית, קובץ רכיב באורך 600 שורות, וגרף ייבוא שהמודל 'מקווה' שייפתר. Xuda הפכה את ההנחה, ותוכננה לצד Xuda AI מההתחלה. אוצר מילים יציב של הנחיות. מבנה קוד דטרמיניסטי. סוכני AI מפיקים HTML של Xuda וקוד CLI בדיוק כמו בני אדם, והתוצאה היא אפליקציה שרצה.
מערך ההנחיות קטן, בעל שמות, וקפוא. מודלים שאומנו על Xuda פעם אחת נשארים נכונים לאורך גרסאות. בלי מלכודות בנוסח "השם שונה בגרסה 4". בלי הוקים שהוצאו משימוש שה-AI עוד לא שמע עליהם.
לאפליקציות CLI יש תיקיות מפורשות לרכיבים, למשתנים גלובליים, לקריאות, לכתיבות, לטבלאות, לנתיבים, להתראות ולסוכני AI. מודל שפה לא צריך לנחש את צורת הפרויקט. הוא כבר יודע.
הפקודה xuda-cli dev מקמפלת קוד מקור למסמכי ריצה שמשמשים גם כמפרטים קריאים למכונה. סוכנים קוראים את התיעוד, עורכים את הקוד, ומריצים שוב. בלי הנדסה לאחור.
Xuda AI מייצרת קוד Xuda. בודק התוכניות מאמת אותו. הריצה מריצה אותו. אין סיכון בנוסח "האם המודל המציא השבוע חבילת npm". הצינור אטום.
ל-CLI יש יחידת קוד ai_agent מהמעלה הראשונה. AI אינו תוסף שמבריגים מהצד. הוא אבן בניין של הפריימוורק, עם אותו מחזור חיים כמו רכיבים, נתיבים וטבלאות.
אפליקציות Xuda שנכתבו בידי אנשים ואפליקציות Xuda שנכתבו בידי סוכני AI אינן ניתנות להבחנה. אותן הנחיות, אותם קבצים, אותה ריצה. ערבבו בחופשיות. שגרו בלי הסתייגויות.
Xuda לא ממציאה שפת תבניות חדשה. היא משתמשת במאפייני HTML, אותו מנגנון שכבר מפעיל את id, class, ו-data-*. מערך ההנחיות קטן במכוון, כך שכל הפריימוורק נכנס לכם לראש, וגם לחלון ההקשר של מודל.
xu-storeהכריזו על מצב ריאקטיבי על כל אלמנט. כל צאצא יכול לקרוא אותו, לשנות אותו ולהיקשר אליו.
xu-textכתבו טקסט לתוך אלמנט. הקדימו לו xu-exp: והוא נקשר לביטוי חי. בלי setState.
xu-contentקבעו תוכן מוצג מתוך ליטרל או ביטוי. בלי התעמלות של שרשור מחרוזות תבנית.
xu-showהציגו אלמנט על תנאי. הסתירו והציגו שוב בלי טעינה מחדש.
xu-forעברו על מערכים או אובייקטים ישירות ב-HTML. פריטי הרשימה נשארים מסונכרנים עם הנתונים שמאחוריהם.
xu-clickעדכנו מצב בלחיצה ממפה מוטבעת, כמו {'@count': @count + 1}. בלי חיווט של מטפלים.
xu-bindקשרו שדה טופס דו כיוונית לערך במאגר. טקס ה-onChange ו-setState נעלם.
xu-on:*חברו תהליך שלם לכל אירוע DOM: פעולות, תנאים ושלבים אסינכרוניים, מוצהרים בתוך הסימון.
Xuda היא פריימוורק ה-JavaScript היחיד עם דרך אמינה לייצור שלא כרוכה בערימה של שירותי צד שלישי. התחילו בקטן עם Slim. גדלתם ממנו? CLI. מוכנים לשגר? דחפו ל-xuda.ai. הריצה נשארת אותה ריצה. ההנחיות נשארות אותן הנחיות. החשבון נשאר חשבון אחד.
הכניסו את Slim לקובץ HTML אחד. עמוד ריאקטיבי בחמש דקות. אחסנו אותו סטטית בכל מקום.
עברו ליחידות קוד מוגדרות. App.xu, רכיבים, גלובליים, טבלאות, נתיבים. הפריימוורק גדל איתכם.
תנו ל-Xuda AI לייצר רכיבים, תוכניות ויחידות ai_agent. הם נכנסים לאותו עץ קוד ורצים.
הוסיפו api_key. אפליקציית ה-CLI שלכם מסתנכרנת ישירות לפלטפורמת xuda.ai. הסטודיו רואה כל יחידת קוד.
השיקו לרשת ה-VPS המבוזרת גיאוגרפית של xuda.ai. בנייה, אחסון, ניטור וחזרה לאחור, הכול כלול. חשבון אחד.
עם React, אותה דרך היא: לבחור כלי בנייה (Vite או Webpack או Rspack?), לבחור נתב (react-router, TanStack, Next?), לבחור ספריית מצב (Redux, Zustand, Jotai, סיגנלים?), לבחור פלטפורמת אחסון (Vercel, Netlify, Cloudflare?), לבחור צד שרת (Supabase, Firebase, Convex?), לבחור ספק הזדהות, לבחור ספק אימייל, לבחור שירות תיעוד, להדביק את הכול ביחד, לנפות את החיבורים, ולשלם שש חשבוניות. Xuda היא ריצה אחת, שני מסלולים, פלטפורמה אחת. זהו.
מונה ריאקטיבי שלם עם מצב, תנאי נגזר, מטפל באירועים ואיפוס. שמרו אותו בשם index.html, פתחו אותו בדפדפן, והוא רץ.
<!DOCTYPE html>
<html>
<body>
<script type="module">
import { xuda } from "https://cdn.skypack.dev/@xuda.io/xuda-runtime-slim-es";
new xuda(document.getElementById("app"), { prog_id: "counter" });
</script>
<div id="app"></div>
<template id="counter">
<xu-single-view>
<div xu-store="{'count':0}">
<h1>Clicks: <span xu-exp:xu-content="@count"></span></h1>
<p xu-exp:xu-show="@count >= 5">That escalated quickly.</p>
<button xu-click="{'@count': @count + 1}">+1</button>
<button xu-click="{'@count': 0}">reset</button>
</div>
</xu-single-view>
</template>
</body>
</html>component של CLI במהלך אחד. מוכנים לשגר? api_key וסנכרון ל-xuda.ai. אותה ריצה, כל הדרך למעלה.כל פריימוורק JavaScript בשוק היום נותן לכם חלק מהסיפור: ספריית ממשק שצריכה צד שרת, מטא פריימוורק שצריך תוכנית אחסון, קומפיילר שצריך CLI. Xuda היא הפריימוורק היחיד שמחזיק את כל הדרך: ריצה, ייצור קוד ב-AI, פריסה ואחסון.
Xuda אתם | React | Next.js | Vue | Svelte | |
|---|---|---|---|---|---|
| לכתוב ב-HTML פשוט | ~ | ||||
| רץ בלי שלב בנייה | ~ | ||||
| בלי DOM וירטואלי | |||||
| אפס תלויות npm בחבילה | |||||
| מאגר ריאקטיבי מובנה | ~ | ||||
| ניתוב בתוך הריצה | ~ | ||||
| מבנה קוד עם AI מלידה | |||||
| יחידת ai_agent מהמעלה הראשונה | |||||
| אותה ריצה, עמוד ← אפליקציה ← ייצור | |||||
| אחסון ופריסה בבעלותנו | ~ | ||||
| חשבון אחד מקצה לקצה | |||||
| גודל הריצה (דחוס) | ~140 KB · ריצה ושכבת נתונים | ~45 KB בתוספת ספריית DOM | ~85 KB בתוספת הפריימוורק | ~35 KB | קטן לכל רכיב |
פריימוורק ה-JavaScript של Xuda הוא הריצה הריאקטיבית היחידה עם AI מלידה, שמתרחבת מקובץ HTML בודד לאפליקציה פרוסה בייצור על פלטפורמה שבבעלותנו מקצה לקצה. בלי JSX. בלי DOM וירטואלי. בלי שרשרת אספקה. בלי Vercel. בלי Supabase. בלי חשבון מפתיע.