📘React - מדריך

React הומצאה ב־2011. לפני פיתוח frontend היה עם קבצי js, html, css. הקבצים היו נשלחים לשרת.

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

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

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

לכן אי אפשר לעבוד בדרך יעילה כך. בהמשך הוצע jQuery שיש לו api ואפשר להלחיץ את האתר ולעדכן.

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

אך קבצי js הפכו להיות גדולים יותר ויותר. והמשתמש מקבל רק עוד דפים. במקום בלוג שהאתר נשאר במקום יש עדכון חלקי של DOM.

כתוצאה מכך נולדו ספריות כמו BACKCOBS שמאפשרות יותר מודל SPA (Single Page Application) – טעינה חד־פעמית של האפליקציה וכל העדכון נעשה בצד־לקוח.

ככל שהאתרים (כמו Airbnb ו-Facebook) הפכו אינטראקטיביים יותר, היה צורך להחליף תכנים בזמן־אמת ולא ניתן היה לעבוד ביעילות בשיטה הישנה.

jQuery הוצעה כעזרה למניפולציות DOM בכל דפדפן, אך קבצי JS התנפחו והפכו ל־Spaghetti Code. נולדו ספריות כמו BACKCOBS ומאוחר יותר מודל SPA – טעינה חד־פעמית של האפליקציה וכל העדכון נעשה בצד־לקוח.

ב־2010 גוגל השיקה את AngularJS – חלוקה לקומפוננטות, נוחה לצוותים גדולים, אך ככל שהאפליקציה גדלה, רכיבים השפיעו זה על זה ונוצר בלגן במניפולציות DOM.

ב־Facebook החליטו לפתח ארכיטקטורה חדשה: ב־2011 Jorden Walke יצר את React. ב־2013 שוחררה כקוד פתוח, וב־2015 גוגל השיקה את Angular 2 (ה־Re-Write שלה) – עידן Frameworks מודרניים החל.