Modern applications live and breathe data. This unit covers how to communicate with APIs using the Fetch API and Axios, handle errors, manage loading states, cancel requests, and implement powerful data synchronisation using React Query — including optimistic updates for a snappy user experience.

Unit Learning Outcomes

• Consume RESTful and GraphQL APIs from the browser.
• Use Fetch and Axios for HTTP requests.
• Implement robust error handling and loading states.
• Cancel in‑flight requests with AbortController.
• Manage server state with React Query.
• Implement optimistic updates for a responsive UI.

Tutorials

Assessments & Deliverables