KyroSx / React-CleanArchitecture-Example

Sample project of frontend Clean Architecture using React.js and jest.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React Clean Architecture Example

Introducing Clean Architecture will make application sustainable and improve testability. We can receive the benefits of Clean Architecture not only for backend app but also for the frontend app.

This project introduces Clean Architecture in frontend and executes unit test using mock in each layer.

How to run

Here's how to actually run this project.

Mock Server

There is a flow to fetch some data in frontend, for that preparing a mock server to send temporary data.

$ cd mock_server 
$ yarn
$ yarn start

Frontend

$ yarn install
$ yarn start

Then open http://localhost:1234 in your browser.

About

Sample project of frontend Clean Architecture using React.js and jest.

License:Apache License 2.0


Languages

Language:TypeScript 97.4%Language:HTML 2.6%