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 i
3️⃣ 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 thesrc
directory to thebuild
directory.preview
- Launches a simple web server, serving thebuild
directory (Remember tobuild
first! 🎗️).test
- Launches the Playwright test runner & executes all tests withintests
directory.format
- Runs the Prettier formatter on all.ts
and.tsx
files, 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 |