useEffect fetch pattern (pseudo)

Medium 30 pts New · no attempts yet javascript

Topics

Toolliyo edge

Describe fetch-on-mount: set loading, then data—implement with async IIFE.

Static hints

async IIFE inside effect; set state after await

Toolliyo Coach

Stuck? Get a nudge — not the answer

Progressive help: Nudge → Guide → Approach. Full solution stays behind the Solution tab.

Your solution

Editor is open — no login wall to practice.

Ready — edit the code above and click Run or Submit.

Official solution

async function loadData() {
  return { id: 1, name: "Demo" };
}
(async () => {
  let loading = true;
  let data = null;
  data = await loadData();
  loading = false;
  console.log({ loading, data });
})();

Prefer Coach (Nudge → Guide → Approach) before revealing. No forced signup.

Explanation

Mount effect with cleanup is a top React interview topic—always mention abort/cancel for fetch.

Prev Next All problems

useEffect fetch pattern (pseudo)

Stuck? Get a nudge — not the answer

Your solution

Official solution

Explanation

Your submissions

Discussion