Next.js 13 مسیریابی، طرح‌بندی، رندر را بهبود می‌بخشد

آخرین به‌روزرسانی به چارچوب React Vercel برای ساخت برنامه‌های وب نیز یک بسته‌بندی «بسیار سریع» مبتنی بر Rust به نام Turbopack را معرفی کرد.

Next.js 13، آخرین نسخه چارچوب React Vercel برای ساخت برنامه‌های کاربردی وب، یک نسخه پیش‌انتشاری از یک باندلر سریع‌تر و همچنین یک رویکرد بازطراحی شده برای رندر سرور، مسیریابی، طرح‌بندی اضافه می‌کند. ، و واکشی داده ها.

با Next.js 13 که در ۲۵ اکتبر معرفی شد، باندلر Turbopack که به زبان Rust نوشته شده و هنوز در مرحله آلفای توسعه است، به عنوان جانشین Webpack قرار می گیرد. با ارائه سرعت بهبود یافته و معماری بهتر، Turbopack یک سیستم ساخت برای جاوا اسکریپت و تایپ اسکریپت است که برای ساخت های افزایشی طراحی شده است. Vercel گفت که Turbopack هنگام کار با برنامه های بزرگ ۷۰۰ برابر سریعتر از Webpack است.

Next.js 13 همچنین دارای یک نسخه بتا از app/Directory است، که سیستم مسیریابی مبتنی بر سیستم فایل فریم ورک را بهبود می بخشد که به منظور سهولت در چیدمان رابط های پیچیده طراحی شده است. و حفظ وضعیت در سراسر ناوبری در حالی که اجتناب از رندر مجدد گران قیمت. طرح بندی ها را می توان از طریق سیستم فایل تعریف کرد. علاوه بر این، app/Directory راهی برای واکشی داده‌های ساخته شده در بالای React Suspense برای واکشی داده‌ها ارائه می‌کند و پشتیبانی از معماری React Server Component را ارائه می‌کند.

مؤلفه‌های سرور React راهی برای تعریف مؤلفه‌هایی ارائه می‌دهند که می‌توانند نیازمندی‌های داده را به آنها متصل کرده و به طور پیش‌فرض هیچ تأثیری روی کلاینت نداشته باشند. مدیر عامل Vercel، Guillermo Rauch، گفت: این کار را به ویژه برای برنامه های تلفن همراه بهبود می بخشد.

کاربران Next.js می‌توانند با اجرای موارد زیر به نسخه ۱۳ به‌روزرسانی شوند:

npm i next@latest react@latest react-dom@latest eslint-config-next@latest

همچنین در Next.js 13:

• یک سیستم فونت جدید به‌طور خودکار فونت‌ها، از جمله فونت‌های سفارشی را بهینه می‌کند و درخواست‌های شبکه خارجی را برای بهبود عملکرد و حفظ حریم خصوصی حذف می‌کند. سیستم فونت همچنین دارای میزبانی داخلی برای هر فایل فونت و یک تغییر طرح بندی صفر است که به طور خودکار از ویژگی تنظیم اندازه CSS استفاده می کند.
• یک جزء تصویر برای نمایش تصاویر بدون تغییر طرح معرفی شده است. این مؤلفه فایل در صورت تقاضا را برای عملکرد بهتر بهینه می کند و ارسال جاوا اسکریپت کمتر سمت مشتری را امکان پذیر می کند.
• یک کتابخانه، @vercel/og، برای کار با Next.js برای ایجاد کارت‌های اجتماعی، که تصاویر نمودار باز هستند، ایجاد شده است.
• حداقل نسخه React از ۱۷.۰.۲ به ۱۸.۲۰ افزایش یافته است، در حالی که حداقل نسخه Node.js اکنون ۱۴.۰.۰ است.

اگرچه Next.js را می توان به عنوان رقیبی برای فریم ورک وب انگولار Google در نظر گرفت، با این وجود Next.js یک مدافع در گوگل دارد: کلسی هایتاور، مهندس برجسته گوگل و مشاور فنی ورسل، که در کنفرانس این هفته Next.js Conf 22 در سانفرانسیسکو شرکت کرد.

هایتاور گفت: “بزرگترین تفاوتی که من بین این دو دیدم این است که Next.js در واقع مشکل محاسباتی لایه ای را مطرح می کند.” در حالی که بسیاری از فریم‌ورک‌های فرانت‌اند برای کارهایی که می‌توان در سمت کلاینت انجام داد طراحی شده‌اند، Next.js یک مؤلفه CDN (شبکه تحویل محتوا) ارائه می‌کند. محاسبات را می توان بر روی CDN، یک لایه زیر مرورگر اجرا کرد.

اما Hightower آماده نبود که Next.js را کاملاً برتر از Angular اعلام کند. «مثل این است که بگوییم آیا iOS بهتر از اندروید است؟ می توانید سعی کنید این مقایسه را انجام دهید.”