כשבני אדם כתבו את רוב הקוד היו מספר סיבות טובות להשתמש בריאקט. הסיבות המרכזיות ששכנעו אותי היו:

1. אני חושב על ה State ועל התרגום שלו ל UI פעם אחת במקום בכל פעולה.

2. אני חושב על חלוקה נכונה לקומפוננטות ומשתמש באותן קומפוננטות לאורך היישום.

בואו נפתח את זה.

1. חשיבה על הסטייט במרוכז ולא עבור כל פעולה

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

document.querySelector("button").addEventListener("click", () => {
  count++;
  document.querySelector("#count").textContent = count;
});

ואז שוב בלחיצה על הכפתור שמאפס:

document.querySelector("button").addEventListener("click", () => {
  count = 0;
  document.querySelector("#count").textContent = count;
});

ואם הייתי צריך לשנות את צבע הרקע כשעוברים ערך מסוים אז עכשיו צריך להוסיף את ההתיחסות לצבע הרקע לשתי הפעולות. מהר מאוד קשה לנהל את המכפלות ואנחנו נתקלים בבעיות סינכרון.

זה לא קיים יותר עם סוכנים. הסוכן מזהה ברגע את כל המקומות שמשנים את הערך של count ומעדכן את המיפוי ל UI. למעשה לסוכן יותר קל לסדר את המיפוי בכל פעולה מאשר לחשוב על הכל מראש.

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

2. חשיבה במסכים במקום בקומפוננטות

פעם היה לי מאוד חשוב לבחור נכון קומפוננטות ולהשתמש בהן שוב ושוב לאורך התוכנית. בחירת קומפוננטות נכונה הבטיחה ביצועים טובים ואפשרות לנסות מבני UI חדשים יותר מהר.

זה לא שיקול יותר.

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

ככל שאני מסתכל על המערכת כאוסף מסכים והקומפוננטות מאבדות מחשיבותן כך אני מגלה ש web components או אפילו קבצי JavaScript פשוטים עושים עבודה הרבה יותר טובה בכתיבת מערכת מלאה. הביצועים טובים יותר וטעויות הפיתוח הופכות לא רלוונטיות ואפילו מתמעטות.

שורה תחתונה אני רואה מעט מאוד סיבות היום להעדיף ריאקט במערכת חדשה על פני אפליקציית Vanilla JS או Web Components ואם יש שרת אז htmx.

מה דעתכם? איזה סיבות יש לכם להמשיך לבחור ריאקט או כל Frontend Framework אחר בעידן הסוכנים?