เครื่องมือหลักของ Redux

หลังจากได้ศึกษาหลักการทางทฤษฎีของ Redux ในบทเรียนที่ผ่านมาแล้ว เราสามารถก้าวไปสู่ชุดเครื่องมือหลักที่แนะนำอย่างเป็นทางการ ซึ่งเราจะใช้สำหรับการสร้างแอปพลิเคชัน บน Redux เช่นกัน

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

เครื่องมือสำคัญอันดับสองสำหรับการทำงาน คือ Redux Toolkit หรือเรียกสั้นๆ ว่า RTK มันช่วยลด จำนวน dependencies ที่ต้องติดตั้ง ทำให้โค้ดง่ายขึ้นและลดปริมาณโค้ดแบบแผน (boilerplate) ในแอปพลิเคชัน และยังมีสิ่งที่มีประโยชน์ในตัว มากมาย เช่น Redux Thunk และ Redux DevTools ซึ่ง เราจะพูดถึงในภายหลัง

และสุดท้าย คือเครื่องมือสำหรับการดีบัก - เอ็กซ์เทนชัน สำหรับเบราว์เซอร์ Redux DevTools Extension มันช่วยให้เราติดตามการเปลี่ยนแปลง สถานะใน Redux store และ ดีบักแอปพลิเคชันได้อย่างมีประสิทธิภาพ

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