React hook form ทำเรื่องฟอร์มให้เป็นเรื่องง่าย

บทความนี้ขอสรุป Library Form Validation for React ที่ผมมักเลือกใช้บ่อยๆ อย่างที่ทราบกัน Form Validation ใน React มีให้เลือกใช้หลายตัว แต่ทำไมผมถึงชอบ React-Hook-Form ไปดูเหตุผลกัน

React Hook form

น่าจะไม่ต้องอธิบายอะไรมาก Form Validation ก็คือ ตัวที่ทำหน้าที่ควบคุมข้อมมูลของ input ทั้งหมดในหน้า form เพื่อให้เราสามารถดักค่าข้อมูลในฟอร์ม หรือทำการแจ้งเตือนผู้ใช้งานได้ ก่อนทำการ submit


ข้อดี

  • ใช้งานง่าย เขียนโค๊ดน้อย เนื่องจากมี Hook ให้เรียกใช้ ไม่ต้องประกาศอะไรเยอะ
  • ขนาดแพ็คเกจเล็ก ไม่เทอะทะ
  • มีทั้ง React Web และ React Native
  • รองรับ Typescript
  • มีการ Optimize เป็นอย่างดี เพื่อเพิ่มประสิทธิภาพการทำงาน
  • ชูจุดเด่นเรื่องความเร็วในการ Mounting
  • มีรางวัลการันตี เช่น Javascript Rising Star, React Open Source Award เป็นต้น

การใช้งาน

สามารถเข้าไปเล่น Demo และอ่าน Document ได้ ไม่ยากเกินไป แต่มันมีรายละเอียดยุบยับ ซึ่งต้องลองเอาไปใช้ดู ถึงจะรู้ว่ามันดีจย์ และทำอะไรได้หลากหลายจริง

เท่านี้แหละครับ เอามาสรุปสั้นๆให้เห็นข้อดี และพวกคีย์เวิร์ดที่น่าสนใจ

หลังจากนี้คงไม่ลงเรื่องโค๊ดล่ะ เพราะ Blogger มันลงโค๊ดยากไปหน่อย ต้องไปหา plugin มาใส่ก่อน


Comments

Popular posts from this blog

วิธีตรวจสอบข้อมูลภาษีของตัวเอง รายได้ทั้งปี และค่าลดหย่อน จบครบที่เดียว

คำถามจิตวิทยา และจริยธรรม เมื่อผมสามารถสับสวิตซ์รถไฟ และต้องเลือกชนใครสักคน

วิธีสร้างแรงบันดาลใจ TED Talks คืออะไร ? และทำไมคุณควรต้องดู ?

"yes" "yeah" "yep" เหมือนและต่างกันอย่างไร ?

ฝากโค๊ด Online ด้วย Pastebin กันเถอะครับ !!