ขั้นสูง

React · ชำนาญ - แพตเทิร์นขั้นสูงและประสิทธิภาพ

• useReducer สำหรับ state ที่ซับซ้อนจัดโครงสร้าง state ที่ซับซ้อนด้วย reducer แบบ pure ที่รวมศูนย์การเปลี่ยนแปลงและตัดคอมบิเนชันที่เป็นไปไม่ได้ออกไป
• Context: การแบ่งปันโดยไม่ต้อง prop drillingย้ายข้อมูลไปมาโดยไม่ต้อง prop drilling ด้วย context พร้อมทั้งควบคุมการ re-render และข้อจำกัดของมันให้อยู่ในมือ
• Custom hooks: การแยกและนำ logic กลับมาใช้ซ้ำแยก logic ที่มี state ออกมาเป็น hook ที่นำกลับมาใช้ซ้ำได้ ประกอบกันได้ และทดสอบได้
• Memoization: memo, useMemo, useCallbackเรียนรู้ว่าเมื่อไหร่ React.memo, useMemo และ useCallback จะเร่งความเร็วแอปของคุณได้จริง และเมื่อไหร่ที่มันทำให้ซับซ้อนขึ้นโดยเปล่าประโยชน์
• useRef และการจัดการ DOMจัดการ DOM และเก็บค่าประจำ instance ด้วย useRef โดยไม่ทำลายความ pure ของการ render