ห้องสมุด Redux

ในบทเรียนนี้เราจะทำความรู้จักกับห้องสมุด JavaScript ที่มีประโยชน์และมีค่ามากชื่อ Redux ชื่อของห้องสมุดมีที่มาจากสองคำ คือ ชื่อ ฟังก์ชัน reduce และสถาปัตยกรรม Flux ของแอปพลิเคชันบน React ซึ่งมีพื้นฐานมาจาก การใช้การไหลของข้อมูลแบบทิศทางเดียว

ก่อนอื่น Redux คือ ตัวเก็บหรือคลังสถานะข้อมูลของแอปพลิเคชัน ที่สามารถคาดเดาได้ เรา เคยเจอกับแนวคิดของสถานะหรือ สเตต (state) มาก่อนแล้วขณะศึกษาบทเรียน React ด้วย Redux เราสามารถเขียนแอปพลิเคชันฝั่งไคลเอ็นต์ ฝั่งเซิร์ฟเวอร์ หรือแอปพลิเคชันเนทีฟ ที่ทำงานได้อย่าง คาดเดาได้ ขยายขนาดได้ง่าย และทดสอบได้ง่าย

แล้ว Redux มีอะไรน่าสนใจอีก? มันช่วย เราจัดการสถานะส่วนกลางของแอปพลิเคชัน เครื่องมือและเทคนิคที่ใช้ใน Redux ทำให้เข้าใจได้ง่ายขึ้นว่า สเตตเปลี่ยนแปลงที่ไหน ทำไม และอย่างไร รวมถึงตรรกะของแอปพลิเคชันจะทำงานอย่างไร ในกรณีที่มีการเปลี่ยนแปลงดังกล่าว

Redux เป็นห้องสมุดที่ทำงานได้ด้วยตัวเอง แต่ สามารถใช้ร่วมกับเฟรมเวิร์กยอดนิยม เช่น React, Angular, Vue, และ JavaScript ล้วนๆ กล่าวล่วงหน้าไว้หน่อย ในบทเรียนของเรา เราจะ ใช้การทำงานร่วมกับ React

แม้เครื่องมือนี้จะมีความสำคัญ แต่เมื่อสร้างแอปพลิเคชันควรประเมิน ความจำเป็นในการใช้งานอย่างมีเหตุผล คุณ ต้องการ Redux ถ้าคุณมีสเตตจำนวนมาก ที่จำเป็นต้องใช้ในส่วนต่างๆ ของ แอปพลิเคชัน หรือสเตตเปลี่ยนแปลงบ่อย มาก หรืออาจมีตรรกะ ที่ซับซ้อนเกินไปสำหรับการอัปเดตสเตต