https://github.com/uruha/frontend-clean-architecture-essence-consideration

Using clean architecture essence for frontend application, consideration.
https://github.com/uruha/frontend-clean-architecture-essence-consideration

clean-architecture di-container frontend jest nextjs react

Last synced: about 1 month ago
JSON representation

Using clean architecture essence for frontend application, consideration.

• Host: GitHub
• URL: https://github.com/uruha/frontend-clean-architecture-essence-consideration
• Owner: uruha
• License: mit
• Created: 2020-07-18T01:30:34.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T11:46:54.000Z (almost 2 years ago)
• Last Synced: 2023-02-26T06:06:38.066Z (over 1 year ago)
• Topics: clean-architecture, di-container, frontend, jest, nextjs, react
• Language: TypeScript
• Homepage:
• Size: 1.1 MB
• Stars: 10
• Watchers: 2
• Forks: 2
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Frontend Clean Architecture Essence Consideration

## Directory

```

pagas           # as [external interface] via useing next.js

src

 ┣ business     # as [business rule] layer

 ┃ ┣ entities   # enterprise business rules

 ┃ ┗ usecases   # application business rules

 ┣ adapters     # as [interface adaptors] layer

 ┣ web          # as [external interfaces] layer

 ┃ ┣ api        # web api

 ┃ ┗ view       # user interface

 ┣ utils        # utility module for application

 ┗ __tests__    # unit, integration testing

```

## Spec

- Language: TypeScript

- Web Framework: Next.js

- DI Container: Awilix

- Testing: Jest

### Reference

Thank you for consideration and reference code project :)

- [@prosikick/twitter-like-app-clean-architecture](https://github.com/pirosikick/twitter-like-app-clean-architecture)

- [@t-tiger/React-CleanArchitecture-Example](https://github.com/t-tiger/React-CleanArchitecture-Example)