PWA Tips - Read about latest PWA’s, Browser updates, new API’s and its improvements in your inbox.

What is a Progressive Web Application?

Reliable

Reliable

Load instantly and never show the downasaur, even in uncertain network conditions.

Fast

Fast

Respond quickly to user interactions with silky smooth animations and no janky scrolling.

Engaging

Engaging

Feel like a natural app on the device, with an immersive user experience.

Learn how to build a Progressive Web Application

Codelabs

PWA Codelabs

Learn and build your first progressive web application.

Latest Issue

Issues #6

Issue #6

PWA Tips Monthly Newsletter

Issue #6 | July 26, 2017

What's New?

Goodbye Flash, we wont miss you 😬

Trend reveals that sites are migrating to open web technologies, which are faster and more power-efficient than Flash.

flash
State of JavaScript 2017 Survey 🙏

Let’s find out what’s changed since last year in web and especially in javascript.

survey
Whats new in webpack v3.4.0?

Improved optimization bailout messages, Performance improvements in SourceMap DevTool Plugin etc.

webpack
ES8 was Released and here are its Main New Features 🔥

The new features of the EcmaScript specification 8th edition.

javascript
Lighthouse data is now used by HTTPArchive

Lighthouse data is now being collected by HTTPArchive 450k+ urls now available in BigQuery.

perf
Chrome release timeline 🤘

Know chrome release timeline for all the versions.

chrome
Fuel Price a 15kb web application

A preact based pwa which tells you the fuel prices in India.

pwa preact

Browser Updates

What's New In DevTools (Chrome 61)

View storage usage, View when a service worker cached responses, Debugging support for ES6 Modules and many more.

chrome
Safari Technology Preview 36

Improvements to javascript, web inspector and to media API and more.

safari
Microsoft Edge 16

Read Aloud with word and line highlighting, unprefixed CSS Grid is now enabled by default.

edge
Firefox Focus

Firefox Focus blocks annoying ads and protects your privacy.

firefox
Web Audio on different platforms

Taking a look at different behaviors of the Web Audio API.

samsung

Articles & Tutorials

Can we stop bundling yet?

ECMAScript modules have been a boon to the developer community; not only do they allow for organizing code better.

javascript modules
Your next Preact PWA starts in 30 seconds 😺

CLI tool to create preact apps which is pwa by default, route based code splitting etc,.

preact tools
A look inside React Fiber - how work will get done.

Describing how React Fiber operates, step by step, starting from calling the `render` function in client JS.

react
Detect if your Native app is installed from your web site?

Is your native app already installed? getInstalledRelatedApps is your friend.

pwa chrome
Say hello to HTTP/2 for Node.js Core

Introducing http/2 to node core.

node
Don’t use jQuery plugins with Shadow DOM

jQuery plugins don’t work inside of Shadow DOM because typically they try to query for something starting at the document level and the shadow root blocks this.

shadow DOM
Experimenting with the background fetch API

The service worker API is expanding as more ways to use the background dwelling worker emerge.

serviceworker bgsync
Quickly review changed methods and functions in your pull requests

The biggest barrier to code review is often time, but there's a new way to easily understand how changes impact your code.

github