WebForms Core 2.2 เริ่มพัฒนาแล้ว ชูโมเดล UI ไร้สเตต
WebForms Core 2.2 เริ่มเดินหน้าพัฒนาแล้ว มุ่งยกระดับการจัดการ UI ฝั่งเซิร์ฟเวอร์แบบไร้สเตต พร้อมฟีเจอร์ใหม่ Isole, Snapshot และ GetTagHash
ภาพประกอบจากคลังภาพสต็อก ไม่ใช่ภาพจากเหตุการณ์จริง
- WebForms Core 2.2 เริ่มต้นพัฒนาแล้วโดยเน้นยกระดับความสามารถในการจัดการ UI
- แนะนำฟีเจอร์ Isole ช่วยจัดการ Transient DOM แบบอัตโนมัติ
- เพิ่มระบบ Snapshot และ Rollback สำหรับบันทึกและกู้คืนสถานะ HTML
- เสริมฟังก์ชัน GetTagHash ตรวจสอบการเปลี่ยนแปลงสถานะ UI ได้อย่างรวดเร็ว
การพัฒนาเฟรมเวิร์ก WebForms Core 2.2 ได้เริ่มต้นอย่างเป็นทางการแล้ว โดยมุ่งเน้นไปที่การยกระดับโมเดลสถาปัตยกรรมแบบ Server-driven UI ให้มีความสามารถสูงขึ้น ซึ่งแตกต่างจากแนวทางของ Blazor Server ตรงที่ WebForms Core จะไม่เก็บบันทึก Component Tree หรือ DOM State ฝั่งเซิร์ฟเวอร์ไว้ตลอดเวลา แต่เซิร์ฟเวอร์จะทำหน้าที่สร้างคำสั่งผ่านคลาส WebForms และให้ไลบรารี WebFormsJS นำไปประมวลผลกับเอกสาร HTML ในเบราว์เซอร์โดยตรง
แนวทางในเวอร์ชัน 2.2 นี้ไม่ได้เพิ่มแค่คำสั่งใหม่ๆ เท่านั้น แต่ยังมุ่งเน้นการเพิ่มกลไกสำหรับการเรนเดอร์ การจัดการสเตต การแปลงข้อมูล การจัดรูปแบบ การคำนวณทางคณิตศาสตร์ และการขยายระบบให้ยืดหยุ่นยิ่งขึ้น เพื่อให้การจัดการ UI ที่ซับซ้อนทำได้ง่ายขึ้นโดยไม่ต้องพึ่งพาฟร้อนท์เอนด์เฟรมเวิร์กแยกต่างหาก
ภาพประกอบจากคลังภาพสต็อก ไม่ใช่ภาพจากเหตุการณ์จริง
หนึ่งในความสามารถใหม่ที่เพิ่มเข้ามาคือ Isole ซึ่งทำหน้าที่เป็นนามธรรมระดับสูงสำหรับการทำงานร่วมกับ Transient DOM โดยจะจัดการการเริ่มต้นและสิ้นสุดกระบวนการของ Transient DOM รอบกลุ่มคำสั่งให้อัตโนมัติ ช่วยให้นักพัฒนาไม่ต้องจัดการฟังก์ชัน StartTransientDOM และ EndTransientDOM ด้วยตนเองอีกต่อไป
สถาปัตยกรรมแบบไร้สเตตของ WebForms Core ช่วยลดภาระการใช้หน่วยความจำบนเซิร์ฟเวอร์ได้อย่างมีนารสำคัญ เนื่องจากเซิร์ฟเวอร์ไม่ต้องแบกรับการจดจำสถานะ DOM ของผู้ใช้แต่ละรายเหมือนเฟรมเวิร์กประเภท State-driven ทั่วไป การอัปเดตเวอร์ชัน 2.2 นี้จึงเข้ามาเติมเต็มความสามารถในการประมวลผลข้อมูลที่ซับซ้อนได้โดยตรง ส่งผลให้ประสิทธิภาพการทำงานรวมยังคงความเบาและรองรับการขยายระบบได้ดี
นอกจากนี้ WebForms Core 2.2 ยังได้แนะนำกลไก Snapshot และ Rollback เพื่อรักษาและกู้คืนสถานะ HTML ของอิเลเมนต์เป้าหมาย โดยระบบจะบันทึก outerHTML ไว้ก่อนเกิดการเปลี่ยนแปลง และสามารถเรียกคืนสถานะเดิมได้หากจำเป็น ซึ่งมีประโยชน์มากสำหรับการเรนเดอร์สถานการณ์ที่ซับซ้อน นอกจากนี้ยังมีฟังก์ชันใหม่อย่าง GetTagHash สำหรับสร้างแฮชจาก HTML ของแท็ก เพื่อนำไปเปรียบเทียบว่าสถานะของ UI มีการเปลี่ยนแปลงไปหรือไม่ โดยไม่ต้องให้เซิร์ฟเวอร์คอยเก็บภาพจำลองของ DOM เอาไว้
ในด้านการจัดรูปแบบและการคำนวณ เวอร์ชัน 2.2 ได้นำระบบจัดรูปแบบเข้ามาไว้ในโมเดลการทำงานของ WebForms โดยตรง ทำให้สามารถแปลงค่าตัวเลขให้แสดงผลคั่นด้วยเครื่องหมายจุลภาค เช่น แปลง 4200 เป็น 4,200 รวมถึงการจัดรูปแบบเวลาให้เป็นมาตรฐาน และรองรับการใช้Regular Expressions พร้อมทั้งเพิ่มการรองรับเครื่องหมายทางคณิตศาสตร์พื้นฐาน เช่น บวก ลบ คูณ หาร และโมดูโล เพื่อให้การประมวลผลค่าต่างๆ ทำได้โดยตรงบนคำสั่งของ WebForms
ที่มา: Dev.to
พบข้อมูลผิดพลาดในบทความนี้? แจ้งปัญหาบทความนี้
ความคิดเห็น
แสดงความคิดเห็น