Frontend

Shared Concepts Study Portal

Cross-cutting frontend patterns and practices
Flash Cards Practice
Frontend / Shared Concepts / S Single Responsibility Principle SRP / TL;DR

S Single Responsibility Principle SRP · TL;DR

1 min read
Mid-level3 min read
Rapid overview

TL;DR

SRP says a class, module or component should have one and only one reason to change. In React that usually means splitting fetching, validation, submission and rendering into separate hooks/components, so a UI tweak doesn't risk breaking the network layer and vice versa.