Configured with a codified pipeline, the scaffold is ready to be built and deployed to Azure Web APPs instantly.
The Redux store provides a central state management
for all React components. It creates an entity-based structure
for the store, allowing you to have a logical storage of all
entities in your application.
The store can also survive page refresh or browser exist using Redux-Persist
React components dispatch commands to the store, which includes backend data operations using an Axios middleware, and calling the reducers when the operation succeeded, failed, or started.
Each dispatched action includes common functions such logging or UI notifications. These operations will be managed through the middleware functions common to all operations. For other feature-related operations that include chained function calls based on the result of previous operations, feature level middleware classes have been included.
The scaffold comes with a mobile-friendly global navigation, which converts into a hamburger menu on smaller and Mobile devices. The navigation bar items can also be fetched from a backend database, to make it dynamic based on user roles and permissions.
All the links and routes can be made protected, meaning upon click, the user will be navigated to the login/sign up screen to create an account or verify identity.
All the fundamental below identity UI screens are included:
There are several commonly used components included in the scaffold such as Google Map using react-google-maps.
A control library plays a crucial role in saving time and cost in front end development. We have relied on Fomantic UI control library for this purpose.