วิศวกรรมเว็บและส่วนติดต่อผู้ใช้
เจาะลึกการทำงานของ React ภายใต้ประทุน กลไก Reconciliation ของ Virtual DOM กฎของ Immutability และการจัดการ Side Effects อย่างแม่นยำ
Real DOM หนักมาก การแตะบ่อยทำให้ Reflow/Repaint ช้า React ใช้ Virtual DOM (JS Object เบาๆ) + Diffing + Batch Update อัปเดตเฉพาะจุดที่เปลี่ยน พร้อมแยก Core Reconciler จนเอาไปเรนเดอร์เป็น Native/3D ได้
Immutability ทำให้เช็กความเปลี่ยนระดับ O(1) ส่วน Hooks อาศัย JS Closure จำ State ข้าม Render — เข้าใจผิดตรงนี้คือบ่อเกิดบั๊ก Stale Closure ใน useEffect
JavaScript Closures & Scopeจำเป็นมาก (Must-have)
React Hooks พึ่งพากลไก Closures ในการจำสถานะข้าม Render
DOM & การเรนเดอร์ของเบราว์เซอร์
เข้าใจ Real DOM, Reflow/Repaint ก่อนจึงจะเห็นคุณค่าของ Virtual DOM
React สู่ Full-Stack ด้วย Server Components
ต่อยอด React สู่ Full-Stack Framework ยุคใหม่
State ระดับองค์กร (Zustand & Redux Toolkit)
สถาปัตยกรรม Global State และ Predictable Mutation
เจาะลึก Virtual DOM และ Fiber Reconciler (React 18/19)
วิดีโอวิเคราะห์ซอร์สโค้ด: Linked List ของ Fiber Nodes และ Time Slicing
📝 ทำแบบทดสอบ การพัฒนาเว็บแอปด้วย React →
Before 2 ข้อ • After 2 ข้อ พร้อมเฉลยละเอียด