module-zero-core-template/reactjs
..
_screenshots
public
src
.env
.env.development
.env.production
.eslintrc.js
.gitignore
.prettierignore
.prettierrc
README.md
craco.config.js
package-lock.json
package.json
tsconfig.json
tslint.json
yarn.lock

README.md

ASP.NET Boilerplate ReactJS Template

The React.js integration for ABP Boilerplate framework. This template is built on React+Mobx+Typescript. SOLID, SoC principles are used.

Getting Started

Installing

After cloning repository, first install npm packages:

cd reactjs
npm install 

And then start

npm start

Deployment

npm build

Built With

  • React - The JavaScript library for building user interfaces
  • Typescript - Used for static typing
  • Mobx - Simple, scalable state management
  • AntDesign - A design system with values of Nature and Determinacy for better user experience of enterprise applications

Architecture

This framework is designed by utilizing MVC design pattern and layered architecture as follows:

  • All Backend communications are done by service layer.
  • For every Container Component there exists one Store and one Model.
  • Store has state of application so it consumes service See "Defining data stores". All service functions will be called in store not in Component. Component executes Store actions when state is needed.
  • Presentational Component can use store directly by injecting the store or Props from Container Component can be passed in it.
  • Container or Presentational Component can invoke store actions and automatic rendering of component will be done by Mobx.

Authors of ASP.NET Boilerplate ReactJS Template

  • Rashiduddin Yoldash - Initial work - ryoldash
  • Mehmet Yasir Aktunç - Initial work - mhmtyasr
  • Samet Kabay - Initial work - smtkby