เปิดตัว Next.js 13

เปิดตัวเวอร์ชันใหม่ 13 ในงาน Next.js Conf 2022 โดยระดมศักยภาพของนักพัฒนา React, Turbo และ Webpack ที่เพิ่งเข้าร่วมกับ Vercel เพื่อเพิ่มฟีเจอร์ใหม่ ๆ

• app/ Directory:
  • Layout: Layout ที่ออกแบบมาให้ป้องกันการ re-render เป็นค่าเริ่มต้น
  • Server Component: รองรับ Server Component แบบใหม่ของ React เพื่อปรับปรุงความเร็วในการโหลด
  • Streaming: Streaming ที่ช่วยให้เรนเดอร์ UI แบบค่อยเป็นค่อยไปผ่านการสตรีมได้
  • React Suspense For Data Fetching: ใช้ use hook เพื่อควบคุม fetch, cache, revalidate ได้ ทำให้สามารถควบคุมข้อดีของ SSG, SSR, ISR ได้ในระดับคอมโพเนนต์
• Turbopack: เครื่องมือทดแทน Webpack บนพื้นฐาน Rust ที่เร็วกว่า Webpack เดิม 700 เท่า โดยผู้ดูแลหลักของ Webpack พัฒนาขึ้นบนสถาปัตยกรรม Turbo
• next/image, next/font, next/link: ปรับปรุงองค์ประกอบที่เคยกระทบประสิทธิภาพการโหลดผ่านความร่วมมือกับ Google Chrome และเมื่อทำ optimization ตอน build time โดยเฉพาะ Google Fonts จะถูกฝังมาในตัว

[gmlwo530]

ถึงขั้นฝัง google font มาในตัวเลยเหรอ.. สุดยอดมาก

[greenhead]

ดี

[ragingwind]

Turbopack: https://th.news.hada.io/topic?id=7664