news React 19 เพิ่ม Action จัดการฟอร์มอัตโนมัติ, use สำหรับรัน asynchronous, เพิ่ม API สร้าง static html

News · Dec 6, 2024

React เฟรมเวิร์ตพัฒนาเว็บ front-end ออกเวอร์ชั่น 19 โดยเพิ่มฟีเจอร์ใหม่ๆ ด้านการจัดการฟอร์มหลายตัว ทำให้โค้ดจัดการเมื่อผู้ใช้ submit ข้อมูลทำได้ง่ายขึ้น

การจัดการฟอร์มนั้นเพิ่ม hook ใหม่ คือ useActionState คืนค่าทั้งผลสุดท้ายของการประมวลผลฟอร์ม และหากกำลังประมวลผลก็จะมีค่า pending ให้ ใน react-dom เพิ่ม prop action และ formAction ใน <form>, <input>, และ <button> hook useFormStatus สำหรับดูสถานะของการ submit ว่าเรียบร้อยหรือไม่ ขณะที่ useOptimistic ใช้สำหรับแสดงค่าในกรณีที่ฟอร์มกำลังอยู่ระหว่างการอัพเดตข้อมูล

API ใหม่ที่เพิ่มมาคือฟังก์ชั่น use สำหรับการอ่านค่าใน promise โดย React จะหยุดรอเพื่อให้ได้ข้อมูลใน promise กลับออกมาก่อน ส่วน API prerender ปรับปรุงการทำงานจาก renderToString ให้ทำงานกับ Node.js Stream สามารถเรนเดอร์แอปออกมาเป็น html

เวอร์ชั่นนี้มีการถอด API ที่ประกาศเตือนไว้ก่อนหน้านี้แล้วหลายส่วน ทาง React แนะนำว่าควรอัพเกรดเป็น 18.3.1 ก่อนและแก้ไขการแจ้งเตือน deprecated warning ก่อนอัพเกรด

ที่มา - React.dev

Topics:
React
Programming

Continue reading...