การติดตั้ง Redux DevTools Extension

ในบทเรียนนี้เราจะเพิ่มเครื่องมือ Redux DevTools Extension ลงในเบราว์เซอร์ สำหรับการดีบักแอปพลิเคชันที่ใช้ Redux

สำหรับ Chrome เราจะดาวน์โหลดและติดตั้งมันผ่าน ลิงก์ ที่ให้ไว้

ฟังก์ชัน RTK configureStore ที่ เราใช้ในบทเรียนที่แล้ว ไม่เพียงแต่สร้าง store แต่ยังกำหนดค่า React DevTools Extension โดยอัตโนมัติ ดังนั้นเราไม่จำเป็นต้องทำอะไรเพิ่มเติม

แน่นอนว่าถ้าเราเริ่มโปรเจกต์ของเราตอนนี้ และเปิด Redux DevTools Extension โดยคลิกที่ ไอคอนในส่วนส่วนขยาย เราก็จะยังไม่เห็นอะไร มากนักในตอนนี้ เนื่องจากเรายังไม่ได้สร้าง สถานะและลอจิกในแอปพลิเคชัน