การจัดการ State ของ React: แนะนำ Redux

แอปพลิเคชัน React ที่ซับซ้อนจะดูแลรักษายากขึ้นอย่างรวดเร็วเมื่อ State กระจัดกระจายอยู่ตามคอมโพเนนต์ต่างๆ Redux จึงเข้ามาช่วยจัดเตรียมคอนเทนเนอร์ส่วนกลางที่คาดการณ์ได้สำหรับการจัดการข้อมูลในแอปพลิเคชัน คอร์สนี้จะพาคุณไปสู่ขั้นตอนการตั้งค่าเลเยอร์ State ที่แข็งแกร่งโดยใช้รูปแบบ Redux ล่าสุด คุณจะได้รับทักษะที่จำเป็นในการจัดการ Global State ของแอปพลิเคชัน การจัดการการดึงข้อมูล และการรับประกันว่าคอมโพเนนต์ของคุณจะแสดงข้อมูลที่สอดคล้องและเชื่อถือได้อยู่เสมอ สิ่งที่คุณจะได้เรียนรู้: * เข้าใจหลักการแก่นแท้ของ Redux (store, actions, reducers) และประโยชน์ของการไหลของข้อมูลแบบทิศทางเดียว (unidirectional data flow) * ประยุกต์ใช้ Redux Toolkit (RTK) เพื่อปรับปรุงการกำหนดค่าและเขียนตรรกะ State ที่มีประสิทธิภาพและเป็นมาตรฐาน * กำหนดค่าการดึงข้อมูลแบบอะซิงโครนัสและการแคชโดยใช้ยูทิลิตี้ RTK Query สมัยใหม่ * ฝึกฝนการออกแบบโครงสร้าง State ที่ถูก normalize สำหรับความสัมพันธ์ของข้อมูลที่ซับซ้อน * ใช้งาน selectors เพื่อดึงข้อมูลและประมวลผลข้อมูลจาก Redux store ในคอมโพเนนต์ React ได้อย่างมีประสิทธิภาพ คอร์สนี้เริ่มต้นด้วยคำศัพท์ที่จำเป็นและโมเดลเชิงแนวคิดของ Redux ก่อนที่จะเจาะลึกไปที่การตั้งค่าจริงและการเขียนโค้ดด้วย React functional components และ hooks จากนั้นเราจะก้าวไปสู่หัวข้อขั้นสูง เช่น การทำงานแบบอะซิงโครนัสและการทำ normalization ของข้อมูล คอร์สนี้ออกแบบมาสำหรับนักพัฒนา React ระดับเริ่มต้นที่พร้อมจะนำไลบรารีการจัดการ State โดยเฉพาะมาใช้ในโปรเจกต์ของตนเอง โดยไม่ต้องมีความรู้เกี่ยวกับ Redux มาก่อน เริ่มต้นสร้างแอปพลิเคชัน React ที่ดูแลรักษาง่ายและคาดการณ์ได้ตั้งแต่วันนี้