BlocSignal คู่กับ FIC สร้างระบบตะกร้าสินค้าใน Flutter

นักพัฒนา Flutter หลายคนคงเคยพบกับปัญหาชวนปวดหัว เมื่อผู้ใช้กดปุ่มเพิ่มสินค้าลงตะกร้า แอนิเมชันปุ่มทำงานและบันทึกข้อมูลสำเร็จ แต่หน้าจอแอปพลิเคชันกลับไม่ยอมอัปเดต โดยป้ายแจ้งเตือนยังคงแสดงเลข 0 และยอดรวมเป็น 0.00 จนกว่าผู้ใช้จะไปกดปุ่มอื่นหรือสลับแท็บ ข้อมูลจึงจะปรากฏขึ้นมาอย่างกะทันหัน

ยิ่งไปกว่านั้น ปัญหายังอาจร้ายแรงขึ้นเมื่อสร้างปุ่มเลิกทำ (Undo) สำหรับรายการที่ถูกปัดทิ้ง ประวัติการย้อนเวลาในหน่วยความจำกลับเสียหายเนื่องจากสเตทในอดีตชี้ไปยังรายการลิสต์แบบเปลี่ยนค่าได้ (Mutable) ตัวเดียวกับปัจจุบัน ทำให้เกิดความผิดพลาดในการเรียกดูข้อมูลย้อนหลัง

ในสถาปัตยกรรมการจัดการสเตทของ Flutter โค้ดที่อันตรายที่สุดมักไม่ใช่ตัวแปรพอยเตอร์ว่าง แต่เป็นการใช้คำสั่งเพิ่มข้อมูลลงในลิสต์แบบกลายพันธุ์โดยตรง ซึ่งคอลเลกชันมาตรฐานของภาษา Dart อย่าง List, Set และ Map เปรียบเสมือนระเบิดเวลาภายในสถาปัตยกรรมแบบรีแอกทีฟ เนื่องจากมันเปรียบเทียบตามตำแหน่งหน่วยความจำแทนที่จะเป็นเนื้อหาภายใน

ภาพประกอบจากคลังภาพสต็อก ไม่ใช่ภาพจากเหตุการณ์จริง

การจับคู่ระหว่าง BlocSignal และไลบรารี fast_immutable_collections (FIC) ที่พัฒนาโดย Marcelo Glasberg ช่วยให้เราสามารถสร้างระบบตะกร้าสินค้าที่แข็งแกร่ง และกำจัดข้อผิดพลาดประเภทนี้ในฝั่งไคลเอนต์ได้อย่างสิ้นเชิง โดยระบบสเตทดีดุปลิเคชันใน BlocSignal จะประเมินความเท่ากันทันทีเมื่อมีการส่งค่าใหม่

อุปสรรคสำคัญ 4 ประการของคอลเลกชันสเตทประกอบด้วย การอัปเดตหน้าจอตกหล่นเนื่องจากการกลายพันธุ์ข้อมูลภายใน, ประวัติการย้อนเวลาถูกทำลาย, ภาระในการคัดลอกข้อมูลแบบป้องกันที่ส่งผลต่อตัวจัดการขยะ (Garbage Collector), และข้อผิดพลาดจากการแก้ไขข้อมูลพร้อมกันในขณะที่วิดเจ็ตกำลังประมวลผล

ที่มา: Dev.to