Gagan Codes

GAGAN

CODES

blog

How to Use useEffect Properly in React

How to Use useEffect Properly in React

Introduction to useEffect

`useEffect` lets you perform side effects like API calls or subscriptions in React components.

useEffect(() => {
  const fetchData = async () => {
    const res = await fetch('/api/data');
    const json = await res.json();
    setData(json);
  };
  fetchData();
}, []);

Explanation

This runs once when the component mounts due to the empty dependency array. Always define your async logic inside the effect function.

Call to Action

If you found this tutorial helpful, please share it with your fellow developers.

Source Code: