Build a fetch flow that settles
Write a basic async fetch flow that checks `response.ok` and always settles loading state.
Fetch /api/products, render the product list, show a useful error on failure, and stop the spinner either way. Start -> check -> parse -> render -> settle The common trap is assuming fetch throws for every 404 or 500. It usually gives you a response object, so the code must check the status before parsing and rendering. Before const products = await fetch('/api/products').then((r) => r.json()); renderProducts(products); After The flow starts loading, checks response.ok, parses JSON only after a good response, renders data, shows errors, and clears loading in finally. Start loading setLoading(true) before the awaited request. The UI now tells…
Sign up free — one personalized lesson every day, matched to your role and goals.
Already have an account? Sign in