Mocktail Msal
An awesome react template with first class configuration for highly scalable, easily maintainable and highly performant react applications.
Overview
The Mocktail Msal project is a React application that is bootstrapped with Create React App and includes Redux and Redux Toolkit. It offers a range of features and enhancements such as Typescript support, Fluent UI web controls, Office UI Fabric Icons, Sass/SCSS support, theming infrastructure, React Router, Redux state management, dynamic loading of reducers and sagas, and more. It also includes testing capabilities with jest, jest-dom, and react testing library.
Features
- Typescript enabled: Provides a better development experience with Typescript support.
- Fluent UI web controls: Offers a robust set of up-to-date web controls to save time from creating UI controls from scratch.
- Office UI Fabric Icons support: Access a large collection of awesome icons.
- Sass/SCSS support: Use sass-loader to load and compile Sass/SCSS files to CSS.
- Theming infrastructure: Customize headers for each page using React Helmet for better SEO.
- React Router DOM: Utilize the power of React Router for web applications.
- React Redux state container: Predictable, performant, and flexible state management using react-redux.
- Dynamic loading of reducers and sagas: Load Redux reducers and redux-saga sagas as needed for better performance.
- Progressive Web App configuration: Configured to be a first-class Progressive Web App (PWA) with useful enhancers and middleware such as Redux-Saga and Logger for Redux.
- Performance monitoring: Measure and analyze the performance of the application using web-vitals and different metrics.
- World-class testing environment: Integrated with jest, jest-dom, and react testing library for faster and reliable development.
Summary
Mocktail Msal is a powerful React application template that includes several features and enhancements to boost development productivity. With support for Typescript, Fluent UI web controls, Office UI Fabric Icons, Redux state management, and more, it provides a solid foundation for building modern web applications. Additionally, the integrated testing environment and performance monitoring capabilities make it a comprehensive solution for developers.