บทนำ

React Hooks เป็นฟีเจอร์ที่เปลี่ยนแปลงวิธีการเขียน React components

useState Hook

useState ช่วยให้คุณเพิ่ม state ให้กับ functional components:

const [count, setCount] = useState(0);

useEffect Hook

useEffect ช่วยให้คุณทำ side effects ใน functional components:

useEffect(() => {
  fetch('/api/data');
}, []);

useContext Hook

useContext ช่วยให้คุณเข้าถึง context values

useReducer Hook

useReducer ช่วยให้คุณจัดการ complex state

useRef Hook

useRef ช่วยให้คุณเข้าถึง DOM elements โดยตรง

บทสรุป

React Hooks ทำให้การเขียน React components ง่ายและสะอาดขึ้น