# eduardomoroni/react-clean-architecture

A realistic approach to implement clean architecture on react codebases

Repository: https://github.com/eduardomoroni/react-clean-architecture
Canonical: https://ross.abutalabs.com/products/react-clean-architecture
Language: TypeScript
License Family: other
Topics: react, react-native, clean-architecture, typescript, boilerplate
Last push: 2023-09-23T09:32:39+00:00

## Health v2 (maintenance only)
Score: 32/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 0, release rhythm 35, longevity 100
- inputs: {"age_days": 2997, "days_push": 1075, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases, no_license
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1621, forks 187 (observed 2026-08-28T04:05:12.436446+00:00)

## What it is
An example repository demonstrating how to apply clean architecture principles to React and React Native codebases using TypeScript. It serves as an educational reference showing how to isolate business rules from framework-specific code, though the author notes it is somewhat outdated and not a direct production template.

## Use cases
- learn how to structure a react app with clean architecture
- see how to separate business logic from react components
- find a realistic clean architecture example for typescript frontend apps
- understand the dependency rule in frontend architecture
- share code between react and react native apps
- study how to organize a codebase around domain logic instead of frameworks

## When to choose
- you are learning clean architecture concepts for frontend development
- you want a realistic, simplified reference to adapt to your own react codebase
- you need to understand how to decouple core logic from react or react native

## When to avoid
- you need a production-ready, up-to-date boilerplate to start a new project
- you want a maintained template with active releases and a license
- you need framework-specific best practices that have evolved since 2023

## Facets
- artifact type: learning-resource
- maturity: maintenance
- function: boilerplate, developer-tools
- domain: web-development, frontend, developer-tools, tutorials
- platform: cross-platform
- tags: clean-architecture, react, react-native, typescript, example-app, architecture-pattern, educational, web-server, nodejs

## Member repositories
- eduardomoroni/react-clean-architecture (main) score 32

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:05:12.436446+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T03:49:13.897379+00:00, confidence not recorded.
  - readme: https://github.com/eduardomoroni/react-clean-architecture (fetched 2026-08-28T04:05:12.436446+00:00, sha c0e244e79d99)
- Data as of 2026-08-30T08:39:29.467469+00:00.