Progressive Web Apps

Build Progressive Web Apps
Fast With Kendo UI

Kendo UI brings an outstanding customer experience to any PWA

Overview

Progressive Web Apps (PWA) have become increasingly popular as developers are attracted to the hybrid approach of regular web apps and mobile apps. While it does not suit every target use, this methodology does bring many of the best features of browser-based apps with the benefits of a mobile solution.

A PWA includes features that let you make your web app look more like a native mobile app. You can create icons on your home screen to launch the app, and get full-screen execution, making it look just like a native app. You can pre-cache key resources to both make the response faster and provide access to functionality even while offline. You even re-engage users through push notifications.

Kendo UI and PWAs, a Perfect Match

To be successful, a PWA needs to be able to deliver the look and feel of a native web app. This calls for a UI with full functionality that can match the features a user gets with their installed apps. And, of course, to really satisfy the demands of a mobile app you need a UI that is completely responsive. What does this all mean for you as a developer? It means you need Kendo UI. Kendo UI delivers the high performance, full featured, responsive experience that your users expect from modern apps. Developers who need the best in UI components for their PWA development turn to Kendo UI.

pwa-bg

PWA With React and KendoReact

Learn how to create a React PWA step-by-step using the create-react-app library and KendoReact UI components

1
Blog Post

GIF Guide: Creating a Progressive Web App with React and Kendo UI

In this GIF Guide, Tara Manicsic walks you through the steps necessary to create a Progressive Web App (PWA) with React and KendoReact.

2
guide

Create React app

Create React apps with no build configuration.

3
Documentation

KendoReact UI Library

In-depth reference, method and event listings for every corner of the framework


PWA With Vue and Kendo UI

Learn How to create a View PWA using the create-react-app library and Kendo UI components for Vue

4
Guide

Creating a PWA with Vue and Kendo UI

Start with the handy PWA template from the Vue CLI, recruit Service Workers on the way and see what you’ll end up building!

5
Documentation

Kendo UI for Vue

In-depth reference, method and event listings for every corner of the framework


Learn More About PWAs

Progressive Web Apps (PWAs) help us create more accessible and engaging web applications. We have a few great posts to help you learn more about PWAs: this series from Raymond Camden. Today, we can jump into creating a PWA using the handy PWA template from the Vue CLI. We'll first create an application using the Kendo UI components which will help us quickly build out a responsive and accessible web application.

6
Blog post

A Gentle and Practical Introduction to Progressive Web Apps

Progressive Web Apps (PWAs) are growing in popularity and are growing in importance for web developers. Let's—gently—dive into the basics.

7
Blog post

A Gentle and Practical Introduction to Progressive Web Apps - Part 2

Progressive Web Apps (PWAs) are increasingly important for web developers. We covered the basics before—now we'll tackle the "discoverable" aspect of PWAs.

8
Blog post

A Gentle and Practical Introduction to Progressive Web Apps - Part 3

In part three of this series, we cover one of the more complex aspects of the PWA - the Service Worker. This is key to making your web app act more like a native app.

9
Blog post

A Gentle and Practical Introduction to Progressive Web Apps - Part 4

In this series we've already covered the basics of PWAs, including app manifests and service workers. Here we'll tackle devtools, and I'll also share helpful resources.

10
Blog post

Choosing Between Progressive Web Apps, React Native & NativeScript in 2018

Web App, build a hybrid app using Cordova, build native iOS and Android apps using frameworks like NativeScript or React Native, or choose some combination of all of these things.

11
Blog post

DevReach 2017: PWA All The Things

Technologies like web push notifications, web app manifests, and service workers provide the foundation for building web apps that are far more reliable and performant than ever before.

12
Blog post

PWA Overview from Google

A new way to deliver amazing user experiences on the web.