Built with the Ignite UI, this example delivers fast, real-time updates for data-driven applications. Any component in the Ignite UI library can be used for building Progressive Web Apps, enabling you to craft rich, interactive, and high-performance user experiences. In the dedicated blog post, you can even explore every step that builds this app. You’ll see how to:
- Generate a new Angular workspace and add PWA support.
- Install and configure Ignite UI for Angular.
- Build a functional UI using Grid and Chart components.
- Optimize performance with caching and lazy loading.
- Deploy an installable, offline-ready Angular app.
Components used: Data Grid, Chart, NavBar
Live application - https://igniteui.github.io/angular-pwa-example
This project was generated with App Builder Code Gen.
Run npm start to build the application, start a web server and open the application in the default browser. The application will open in http://localhost:4200/ by default.
Run npm run build to build the application into an output directory.
Run npm test to execute the unit tests via Karma. Runs all .spec.ts files under ./src folder.
Run npm run lint to execute the code styling rules for the project.
See the License FAQ and Installation documentation for information on how to upgrade to the full licensed package, if the project is using a Trial version of Ignite UI for Angular, and how to setup your environment and CI to use our licensed npm feed.
If you're downloading the project as a .zip file, you still need to follow the steps in the License FAQ to configure access to the licensed feed before installing dependencies.
Alternatively run npm run infragistics-login for a guided login to our licensed feed.
-
Ignite UI Angular Schematics were used to generate this project and are available for additional commands within the project. For more details and how to use them, refer to Angular Schematics & Ignite UI CLI.
-
Ignite UI for Angular - to learn more about the product or to dive into component specifics and showcases.