/react-project-accelerator-fluentui

React JS project accelerator that can serve as reference for bootstrapping projects. Includes localization and authorization via services based approach using hooks to manage state and fluent ui for UX

Primary LanguageJavaScriptMIT LicenseMIT

React Project Accelerator Fluent was conceived to aid starting React JS projects and provide a reference implementation for bootstrapping projects. The project was itself bootstrapped from create react app and uses fluent ui and grid from Office Fabric Core for its UX.

The project aims to include most of the basic things one needs and includes:

  • localization and authorization via services based approach using hooks to manage state.
  • sass
  • forms and validation via formik and formik-office-ui-fabric-react
  • use of fetch based HttpClient to call external REST API

Live Demo

https://spinningideas.github.io/react-project-accelerator-fluentui/

Get Started

In the project directory, you can run:

  1. Install packages

npm install

  1. Start and run the application

npm start

Runs the app in the development mode and launches browser to http://localhost:3000/react-project-accelerator

The page will reload if you make edits.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

See the section about deployment for more information.

More Info

React Forms

Fluent UI

Office Fabric Core