The React.js integration for ABP Boilerplate framework. This template is built on React+Mobx+Typescript. SOLID, SoC principles are used.
After cloning repository, first install npm packages:
cd reactjs
npm install
And then start
npm start
Username: admin Password: 123qwe
npm build
- 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
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.