Categories
React

PWA Offline

Say I haven’t got an internet connection… I can test that by… not having an internet connection.

If I open my App, does it show anything? Does it work?

PWAs do. That’s a key feature.

Say you are in the middle of using one of our apps and get on a plane. The app works in flight mode, and when you land your data gets synced as soon as normal connection is resumed.

The user shouldn’t even notice unless the try to load new data and if they do they are politely informed of the lack of connectivity in a way which isn’t intrusive and can be turned off

Categories
React

Deploying to firebase with scripts

The aim is to be able to type a single command:

yarn deploy

And then be able to have a cup of tea while the latest version of your App is rolled out to every user on every platform.

Categories
React

Lighthouse audits

We’re pleased to find that our most Progressive Web App, listingslab.com has finally achieved the magic 100% in a Google’s Lighthouse audit.

A perfect score on a lighthouse audit

What is Lighthouse?

Lighthouse is an open-source, automated tool for improving the quality of web pages. You can run it against any web page, public or requiring authentication. It has audits for performance, accessibility, progressive web apps, and more.

You can run Lighthouse in Chrome DevTools, from the command line, or as a Node module. You give Lighthouse a URL to audit, it runs a series of audits against the page, and then it generates a report on how well the page did. From there, use the failing audits as indicators on how to improve the page. Each audit has a reference doc explaining why the audit is important, as well as how to fix it.

Google

Categories
React

Time & place for Single Page Apps

There’s a time and a place for everything and for SPA’s, the time is in the past and the place is in the bin.

Categories
React

Talk Tech

We like to talk tech. It lets us measure our client’s accuracy of knowing what they want. We like to work with people who know what they want and understand the value we can add.