Skip to content

simonssspirit/react-dashboard

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

92 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Kendo UI for React showcase application.

This application shows an example of how one can use Kendo UI for React in react/redux scenario.

The application is based on the PWA standards, has a manifest.json and a registered Service Worker.

Build Setup

# install dependencies
npm install
# serve with hot reload at localhost:3000
npm start
# build for production with minification
npm run build

Further help

Creating a new project via create-react-app will create a default manifest.json file of and a default service worker. We can further modify these files to cover different scenarios. PWA builder is a great tool that can be used to generate manifest.josn and a custom service worker.

We can suggest checking the official article for the Service Workers which can be helpful to gain more insights on how they can be used:

Service Workers: an Introduction

We can also create a manifest.json file that is used to tell the device running the application how to display it on its home screen. For more details about setting up and configuring the manifest.json file check the following article:

The Web App Manifest

Once the application is up and running, we can check its functionality by inspecting the Application tab of the browser console: Service Worker

We can then check the "Offline" option in order to check the offline functionality of the app: Offline

We can inspect the cached assets: Local assets

Add the app to the home screen: Add to home screen

Added to apps: Browser dashboard

About

Kendo UI for React - Progressive Web Application example with Redux

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 90.7%
  • CSS 7.3%
  • HTML 2.0%