React Architecture and Design Pattern Links

Summary

Here is a collection of links to articles about React architecture and design patterns. This post will be updated as more useful resources are found.

API layer architecture

Path To A Clean(er) React Architecture by Johannes Kettmann

These articles cover simple refactoring steps to remove API-related code and business logic from UI React components. Each article is short and easy to understand.

1. A Shared API Client
2. API Layer & Fetch Functions
3. API Layer & Data Transformations
4. Domain Entities & DTOs
5. Infrastructure Services & Dependency Injection For Testability
6. Business Logic Separation
7. Domain Logic
8. React-Query