การจัดองค์ประกอบและการเพิ่มประสิทธิภาพ React Component ด้วย Hooks

ประสิทธิภาพของ React ขึ้นอยู่กับโครงสร้าง Component ที่มีประสิทธิภาพเป็นอย่างมาก คุณกำลังประสบปัญหาในการนำ Logic กลับมาใช้ใหม่ใน Component ต่างๆ หรือพบการ Re-render ที่ไม่จำเป็นในแอปพลิเคชันของคุณอยู่หรือไม่? หลักสูตรนี้จะพาคุณเจาะลึกรูปแบบ Component ขั้นสูง โดยสอนวิธีแยก Logic ออกมาอย่างสะอาดตาด้วยเทคนิคการจัดองค์ประกอบสมัยใหม่ คุณจะได้รับทักษะในการเขียนโค้ด React ที่สะอาดขึ้น ดูแลรักษาง่ายขึ้น และทำงานได้เร็วขึ้นอย่างเห็นได้ชัด สิ่งที่คุณจะได้เรียนรู้: * เข้าใจหลักการพื้นฐานของการจัดองค์ประกอบ Component และการนำ Logic กลับมาใช้ใหม่ในการพัฒนา React สมัยใหม่ * ฝึกฝนการใช้งาน Higher Order Components (HOCs) แบบดั้งเดิมและรูปแบบ Render props เพื่อบริบทและการเปรียบเทียบ * เชี่ยวชาญโครงสร้าง Functional Component และวิธีใช้ Custom Hooks เพื่อแยก Logic ของ State และ Side-effect ออกมาอย่างมีประสิทธิภาพ * ประยุกต์ใช้เทคนิคการเพิ่มประสิทธิภาพด้วย Hooks ที่มีมาให้ในตัวอย่าง useMemo และ useCallback เพื่อป้องกันการ Re-render ที่สิ้นเปลือง * กำหนดค่ารูปแบบการจัดการ State พื้นฐานสำหรับการแชร์ Logic ข้าม Component tree ที่ซับซ้อน หลักสูตรเริ่มต้นด้วยแนวคิดพื้นฐานของโครงสร้าง Component และก้าวไปสู่การใช้งาน HOCs เพื่อเปรียบเทียบ จุดเน้นหลักอยู่ที่การประยุกต์ใช้ Custom Hooks และ Hooks ที่มีมาให้ในตัวจริง เพื่อให้ได้ประสิทธิภาพและการนำกลับมาใช้ใหม่ในระดับสูง หลักสูตรนี้ออกแบบมาสำหรับนักพัฒนา React ระดับเริ่มต้นที่มีความเข้าใจพื้นฐานเกี่ยวกับ JSX และ State และต้องการก้าวข้ามการสร้าง Component แบบง่ายๆ โดยไม่จำเป็นต้องมีความรู้ขั้นสูงเกี่ยวกับการปรับแต่งประสิทธิภาพมาก่อน เริ่มสร้าง React Component ที่ปรับขนาดได้และได้รับการปรับประสิทธิภาพตั้งแต่วันนี้