Frontend Development
React Hook: useEffect untuk Pemula
Panduan lengkap memahami React useEffect hook, dari konsep dasar hingga implementasi advanced untuk management side effects dalam aplikasi React.
Sarah Johnson
8 min
288 views
Apa itu useEffect?
useEffect adalah salah satu React Hook yang paling penting untuk mengelola side effects dalam functional components. Side effects mencakup operasi seperti data fetching, subscriptions, atau manual DOM manipulation.
Syntax Dasar useEffect
useEffect menerima dua parameter: function yang berisi logic side effect, dan optional dependency array.
import { useEffect, useState } from 'react';
function MyComponent() {
const [data, setData] = useState(null);
useEffect(() => {
// Side effect logic here
fetchData().then(setData);
}, []); // Dependency array
return {data};
}
