Redux - ภาพรวม

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

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

หลักการของ Redux

ความสามารถในการคาดเดาของ Redux พิจารณาจากหลักการที่สำคัญที่สุดสามประการดังที่ระบุไว้ด้านล่าง

แหล่งเดียวของความจริง

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

สถานะเป็นแบบอ่านอย่างเดียว

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

การเปลี่ยนแปลงเกิดขึ้นด้วยฟังก์ชันที่บริสุทธิ์

ในการระบุวิธีที่ต้นไม้สถานะถูกเปลี่ยนโดยการกระทำคุณต้องเขียนตัวลดค่าบริสุทธิ์ ตัวลดเป็นจุดศูนย์กลางที่มีการปรับเปลี่ยนสถานะ Reducer เป็นฟังก์ชันที่รับสถานะและการดำเนินการเป็นอาร์กิวเมนต์และส่งคืนสถานะที่อัปเดตใหม่