UI Fabric Progressive Web App

This project is an extension of the Office UI Fabric Developer Starter-kit, designed first and foremost to be a Progressive Web App (PWA)

What does "Progressive" mean anyway?

• It meets the Progressive Web App Standards set by Google.
• Why should you care?

Built with the latest and greatest web technologies

• React (>16.8.x)
• Typescript (>7.x)
• Webpack (>4.x)
  • Configured to generate a Web App Manifest and a Service Worker during a production build
  • Provides basic image and static asset caching for ultra-fast load times
• Office UI Fabric (7.x for office-ui-fabric-react, 11.x for office-ui-fabric-core)
  • Comes with extra @uifabric packages to assist developers in creating a seamless UI based on the UI Fabric UX framework
• Hot Module Replacement (HMR) using React Hot Loader (4.x)
• Babel (7.x)
• SASS
• Production build script
• Image loading/minification using Image Webpack Loader

Installation

1. Clone/download repo
2. yarn install (or npm install for npm)

Usage

Development

yarn run start-dev

• Build app continuously (HMR enabled)
• App served @ http://localhost:8080

Production

yarn run start-prod

• Build app once (HMR disabled) to /dist/
• App served @ http://localhost:3000

---

All commands

Command	Description
yarn run start-dev	Build app continuously (HMR enabled) and serve @ http://localhost:8080
yarn run start-prod	Build app once (HMR disabled) to /dist/ and serve @ http://localhost:3000
yarn run build	Build app to /dist/
yarn run test	Run tests
yarn run lint	Run Typescript linter
yarn run lint --fix	Run Typescript linter and fix issues
yarn run start	(alias of yarn run start-dev)

Note: replace yarn with npm in package.json if you use npm.