React Clean Architecture Skeleton Project

1.카운터 앱과 인증 앱 두 가지 예제를 통해 클린 아키텍처를 적용하는 방법을 보여줌. 비즈니스 로직과 UI를 분리하여 유지보수성과 테스트 용이성을 높였음.

https://github.com/eduardomoroni/react-clean-architecture

GitHub - eduardomoroni/react-clean-architecture: A realistic approach to implement clean architecture on react codebases

 

2. React Query를 활용하여 Todo 앱을 구현한 예제로, REST API와 로컬 스토리지를 데이터 소스로 사용하는 두 가지 구현을 제공합니다. 클린 아키텍처의 각 계층을 명확히 구분하여 설계됨

https://github.com/askides/clean-architecture-react

GitHub - askides/clean-architecture-react: Clean Architecture Example Using React.js

 

3. Redux, Redux-Saga, React Router 등을 활용한 클린 아키텍처 폴더 구조를 제공합니다. 재사용 가능한 UI 컴포넌트, HOC, 모듈화된 구조 등 실무에 적용하기 적합한 예제

https://github.com/llauderesv/react-clean-architecture

GitHub - llauderesv/react-clean-architecture: Clean Architecture in ReactJs

 

4. 한국어로 작성된 리포지토리로, 카운터 앱과 인증 앱을 통해 클린 아키텍처를 적용하는 방법을 설명합니다. 비즈니스 규칙과 폴더 구조에 대한 자세한 설명이 포함되어 있어 학습에 유용함.

https://github.com/CChuYong/kr-react-clean-architecture

GitHub - CChuYong/kr-react-clean-architecture: A realistic approach to implement clean architecture on react codebases

 

 

5.  TDD, SOLID 원칙, 디자인 패턴을 적용하여 잘 정의되고 결합도가 낮은 아키텍처를 구현한 예제입니다. 테스트 주도 개발과 클린 아키텍처를 실제로 어떻게 적용하는지 보여줌

https://github.com/alan-nascimento/react-clean-architecture

GitHub - alan-nascimento/react-clean-architecture: ReactJS application following good development practices with TDD, SOLID, Cle