API Layer

Summary

A dedicated, centralized module for all API calls — instead of scattering `fetch`/`axios` calls throughout components — making endpoints easy to find, test and change.

How to Learn This

1Extract scattered `fetch` calls in a project into a single `api/` module.
2Add a consistent error-handling and auth-header pattern in that one place.
3Notice how much easier it becomes to change a base URL or add caching afterward.

State Separation

Caching

More topics in Frontend System Design

Folder Structure Scalable Architecture Atomic Design Feature-based Architecture Component Library Reusable Components State Separation Caching Error Boundaries Micro Frontends Accessibility Performance Architecture

Stuck on this topic? Ask an Insider

Get 1:1 guidance from people who've walked this exact path — free on the InsideEdge app.

Download