tech/webdev magazine

December 2, 2017

Protected routes and authentication with React Router v4

Saturday, December 02, 2017 Teklinks

Protected routes are an important part of any web application. In this post we’ll break down the “Redirects (Auth)” example on the React Router documentation to learn how to create authenticated routes (routes that only certain users can access based on their authentication status) using React Router.

Full article

A Pinterest Progressive Web App Performance Case Study

Saturday, December 02, 2017 Teklinks

Pinterest’s new mobile web experience is a Progressive Web App. In this post we’ll cover some of their work to load fast on mobile hardware by keeping JavaScript bundles lean and adopting Service Workers for network resilience.

Full article

JavaScript Performance Optimization Tips: An Overview

Saturday, December 02, 2017 Teklinks

In this post, there’s lots of stuff to cover across a wide and wildly changing landscape. It’s also a topic that covers everyone’s favorite: The JS Framework of the Month™. We’ll try to stick to the “Tools, not rules” mantra and keep the JS buzzwords to a minimum.

Full article

December 1, 2017

Chrome DevTools- Performance monitor

Friday, December 01, 2017 Teklinks

How often have you applied the JavaScript or CSS solution considered as an optimization, and after couldn’t find an easy way to measure how effective it was? Of course, you have the performance timeline recording, but in most cases, it provides the retrospective data, not the life-updated.

Full article

HTML Web Component using Vanilla JavaScript

Friday, December 01, 2017 Teklinks

Web Components have been around for a while now. Google has really been trying to push for their more widespread adoption, but most major browsers still have very little support for it, except for Opera and Chrome. However, by using polyfills, available from http://ift.tt/2i8WIcN.

Full article

The Best Request Is No Request, Revisited

Friday, December 01, 2017 Teklinks

Over the last decade, web performance optimization has been controlled by one indisputable guideline: the best request is no request. A very humble rule, easy to interpret. Every network call for a resource eliminated improves performance. Every src attribute spared, every link element dropped.

Full article