All Posts

Article Roundup - Week of Jun 10, 2018

How to display a “new version available” of your Progressive Web App Wouldn’t it be awesome to be able to easily let your users know when a new version of your web app is available? It’s actually not all that hard. This article provides a run through of what it takes to get the basic of this feature going. JavaScript Start-up Optimization Other than downloading, parsing and compiling is one of the slowest steps in getting JavaScript running on a page.

Article Roundup - Week of Jun 03, 2018

Article Roundup - Week of Jun 03, 2018 DRY to the point of WET yak shaving DRY is a great principle, but it is just that: a principle. This article does a good job of going through that, though with a few too many images. If you get to nothing else, read the quote from Dave Thomas near the end. yak shaving: Any apparently useless activity which, by allowing you to overcome intermediate difficulties, allows you to solve a larger problem.

Article Roundup - Week of May 27, 2018

CSS Grid Builder This is a very cool tool that makes building CSS grids super easy. Tips for High Availability – Netflix Technology Blog – Medium When it comes to high availablity you know Netflix knows what they are talking about. If you have been a subscriber long enough you’ll know they have always been pretty good, but have gotten even better in recent years. This article goes through some tips from Netflix.

String Length & Bytes In JavaScript

In most cases, you can assume one character in a string is 1 byte, but that is only in most cases. How many bytes do you think ü is? It turns out it is 2 bytes. But if you run 'ü'.length it will return the string’s length as 1. Unicode characters can appear as a single character but be made up of multiple bytes of data. Usually, this isn’t a big deal if you just need the length of a string, but if you actually need the size in bytes of a string it is a big deal.

Article Roundup - Week of May 20, 2018

A Gentle Introduction to Prepack, Part 1 Prepack is a tool that optimizes JavaScript. It’s still in early development. This article is quite a read, but it’s pretty interesting. Google announces Git code management protocol v2 w/ major bandwidth improvements There is a version 2 coming to the git protocol. “The git protocol?” you might say. It’s the protocol used to transmit your git repo to and from the server. Version 2 of the protocol can help lower the bandwidth used when pulling down references.

Article Roundup - Week of May 13, 2018

The Eponymous Laws of Tech This is just a fun collection of all those laws and such things you find used in tech frequently. Occam’s Razor, Godwin’s Law, Brooks’ Law, those kinds of things. CloudEvents There isn’t a consistent model for events in serverless and cloud computing. Amazon’s SQS events are described one way, Google’s Pub/Sub events another. Kafka has a different format. CloudEvents is an effort to create a spec to be submitted to the Cloud Native Computing Foundation (CNCF).

Article Roundup - Week of May 06, 2018

Testing Strategies for React and Redux Mozilla recently ported the Firefox extensions and themes website to React and Redux. This article goes through how they do much of their unit testing. Dividing frontend from backend is an antipattern Frontend development isn’t what it used to be. It has grown a lot in the last 10 years and now accomplishes things that wouldn’t have been considered possible. It’s time to reevaluate how we think about the frontend and the backend.

Article Roundup - Week of Apr 29, 2018

Mario Kart: CSS This is just plain cool. It’s an article about creating a MarioKart-like interface, that is interactive, with just CSS. Designing very large (JavaScript) applications This article is more or less a transcript of a talk that was given at JSConf Australia by Malte Ubl, from Google. It goes through a lot of the decisions he’s made when designing very large JS applications. Build Consensus on Agile Teams: 4 Easy Ways

Restarting Your Node App After Changes

A nice feature of tools like create-react-app, angular-cli, webpack, and many others is the ability to reload your application when you make a change to a source file. But what do you do when you have a Node backend to go along with your frontend? There are numerous tools you can use to detect changes to files and then restart a process based on that, but who has time to build those scripts to put it all together?

Article Roundup - Week of Apr 22, 2018

Angular 6 wants to be smaller, faster and easier-to-use I recently started trying to learn Angular. The documentation is good, there are plenty of examples out there, but it is still a complex framework with a lot to learn. I’m happy to see the next version focusing on being easier to use. How to use React’s new Context API to easily manage modals Modals can be painful to work worth. Managing their state, controlling them, working them into logic flows.