Progressive Web App starter template for React-based Single-page application (SPA) development, leveraging various Omni libraries
1️⃣ Create a new repository from this template (or fork) and clone locally:
git clone https://github.com/{your-repo-name}.git
cd {your-repo-name}2️⃣ Restore all package dependencies:
npm i3️⃣ Open it in VS Code:
code .The following NPM scripts within package.json should be noted:
serve- Launches dev serverbuild- Bundles code and copies artifacts for production from thesrcdirectory to thebuilddirectory.preview- Launches a simple web server, serving thebuilddirectory (Remember tobuildfirst! 🎗️).test- Launches the Playwright test runner & executes all tests withintestsdirectory.format- Runs the Prettier formatter on all.tsand.tsxfiles, applying format updates where necessary.
| Feature | Availability | Description |
|---|---|---|
| Components | ✅ | Omni Components |
| Component Intellisense | ✅ | |
| Routing | ✅ | React |
| VS Code Debugging | ✅ | .vscode/launch.json (Opens up a second browser instance) |
| Tests | ✅ | Playwright |
| Serve | ✅ | react-scripts |
| Build | ✅ | react-scripts |
| Build chunking | ✅ | /* webpackChunkName: */ compiler hints |
| Preview built output | ✅ | http-server |
| Formatting | ✅ | Prettier |
| Linting | ❌ | Not available |