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
Comments
ต้องหาเวลาว่างลองเล่นหน่อยละ
..: เรื่อยไป