
למה מתכנתי React חייבים להכיר את Next.js?
למה כדאי לכם ללמוד next.js אם אתם מתכנתי react? 😎 וכן אני יודע שאם תקשיבו לכל אחד שכותב לכם ללמוד משהו אתם תגורו בתוך המחשב. אבל (וכאן מגיע האבל הגדול וכל השטויות האלו) לטעמי העקומת למידה של next.js היא דיי מהירה לאנשים שמכירים react + express. אי לזאת ובהתאם לכך, מה שאני מציע לכם אם אתם בכל מקרה יוצרים פרויקטים קטנים לתיק העבודות שלכם – קחו לכם אקסטרה יום יומיים וצרו אותו בnext. (תודו לי אחרי זה או לחילופין תזרקו עלי שידות החתלה). אז נחזור לשאלה למה? 🤶 יען שריאקט בעיקרון מתרנדרת על המחשב של הלקוח – כלומר השרת שולח js ללקוח. הjs נשלח למחשב השכונתי של איציק מהשווארמה והדפדפן של הנ"ל מריץ את הjs ומציג את הhtml לאיציק. ומה הבעיה בזה? 🤵 ההרצה של הjs בצד הלקוח לוקחת קצת יותר זמן בעיקר בפלאפונים ישנים מה שפוגע בseo של האתר. שזה לא כיף מדי. ועוד מספר חסרונות שלא נכביר כאן. אז מה נקסט מנסה לעשות? ✍ להוסיף אופציה להריץ בצד השרת את הjs וליצור את הדף שם = ssr. ואז לשלוח את הhtml המוכן ללקוח בתוספת הjs . כך שהדף הראשוני לא ריק מה שיוצר חוויית משתמש מהירה יותר. ומכאן ריאקט לוקחת את הפיקוד ומשנה דברים לפי מה שהמשתמש (איציק) לחץ או לא משנה מה. אופציה נוספת = ssg . 🤯 בעיקר לדפים שהנתונים שבהם לא משתנים כל הזמן - יצירת דפים סטטיים ממש בזמן הbuild כך שהדפים מוכנים מראש לכל גחמה של איציק. ומצד שלישי תוכלו עדיין גם להשתמש בnext כאילו היא ריאקט ולא לרנדר בשרת את הדפים בכלל (useEffect וכל החבורה). יש עוד המון מה לכתוב על יתרונות וחסרונות אבל זה כבר גוגל יגלה לכם או אתם כבר יודעים מי...
Yosefus Flavius
כותב הבלוג