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.

State of JavaScript 2017 Survey 🙏

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

Whats new in webpack v3.4.0?

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

ES8 was Released and here are its Main New Features 🔥

The new features of the EcmaScript specification 8th edition.

Lighthouse data is now used by HTTPArchive

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

Chrome release timeline 🤘

Know chrome release timeline for all the versions.

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.

Safari Technology Preview 36

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

Microsoft Edge 16

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

Firefox Focus

Firefox Focus blocks annoying ads and protects your privacy.

Web Audio on different platforms

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


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.

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.

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.