react-clean-architecture
A realistic approach to implement clean architecture on react codebases
reactboilerplatetypescriptreact-nativeclean-architecture
FreeRepo
Preview
Overview
This boilerplate demonstrates how to structure a React application using clean architecture principles, organizing code around business rules rather than framework-specific concerns. It includes two sample applications (a counter and authentication system) with separated layers for entities, use cases, adapters, presenters and components, enabling code reuse, easier testing and reduced coupling to React or other frameworks.
Features
clean-architecturedependency-inversionentity-layeruse-case-layeradapter-patternpresenter-patternbusiness-logic-isolationframework-agnostic-core
Feature Flags
authenticationblogemailssearchmaps
Recommended Use Cases
learning-clean-architecturearchitectural-pattern-referencereact-codebase-organizationcode-sharing-between-react-and-react-nativebusiness-logic-reusability
Frontend
reactreact-nativetypescript
Backend
None
Auth Providers
None
Deployment Targets
None
Payment Providers
None
Quick Facts
Stack
Framework
react
Language
typescript
Data Layer
Databases
postgresql
UI Stack
Developer Experience
Docker
No
Tests
No
Quickstart
Yes
env.example
No
Pricing
Classification
free
Selected
—
Notes
Open source repository