Next.js מול React.js — מה כדאי לבחור ואיך זה ישדרג את הפיתוח שלכם?

2 years ago • Edited • Visible to anyone on or off LinkedIn אז Next.js vs react.js 🚀 מתכנתים בריאקט? אולי זה הפוסט שיפתח לכם את העיניים לים של אפשרויות ? כנראה שלא כזה דרמטי - אבל תמיד טוב לפתוח בשאלת "מה הדבר שאם תשתו כל יום תחיו חיי נצח" בדרך כלל התשובה בתוך הקליק ביט הזה היא מיץ נעורים או שטות מוחלטת אחרת. אבל במקרה שלנו אני רוצה להכיר לכם את הילד הלא כל כך צעיר של ריאקט שאולי יתן לכם ערך מוסף, הלוא הוא next.js. אזהרה לבעלי לב חזק או חלש : פוסט קצת טכני (גם זה צריך לפעמים?) ⚠ מה החידושים של נקסט ? 🎁 1. צד שרת וצד לקוח בפרויקט אחד (יתרון או חיסרון תלוי בכם). 2. ראוטינג בשיטת הקבצים כשכל תיקיה או קובץ בתוך תיקיית Pages הם route בפני עצמו - - ובעברית : אם תיצרו קובץ בשם idiot.js בתוך תיקיית pages יווצר route של /idiot שיציג את התוכן של הקובץ המדובר (ראו הערה קודמת). 3. רינדור מראש של דפים (לא בהכרח - כל דף לפי מה שתחליטו csr / ssr / ssg) מה שיעיל למהירות וseo . 4. ועוד כמה יתרונות כמו פיצול קוד אוטומטי, אופטימיזציה של תמונות וכו'. בגלל שאנחנו תמיד אנשים של חצי הכוס הריקה נתחיל מהחסרונות: 😌 לא כל השיטות והטכניקות שעשינו בריאקט יעבדו לנו גם בנקסט בעיקר אם עשיתם דברים מורכבים וגנריים (דף שהוא קומפוננטה לדוגמא, בסוף היום הכל אפשרי בקוד אבל זה יהיה יותר מורכב). וגם באגים חדשים שנובעים מהשיטה החדשה : אם אנחנו ננסה לגשת לאלמנטים בwindow ישירות בקובץ אנחנו נקבל שגיאות, בגלל שההרצה הראשונית של הjs היא בכלל לא על הדפדפן אלא בשרת ששם אין window, לדוגמא לא תוכלו לכתוב על הדף עצמו - לא בתוך useEffect הדפסה מתוך הlocalStorage . וכמו כן השרת יעבוד כמובן יותר קשה בעיקר בssr (פרייארר) מה שיכול לגרום לעלות גבוהה יותר משירות האחסון שלכם (רגע מה?) ובנוסף קהילת מפתחים פחות עשירה מריאקט, פרויקט כבד יותר, ועוד אז למה כן? בעזרת השם בפוסט הבא