Menu

JavaScript News

A Dark Mode Toggle with React and ThemeProvider

September 25th, 2019

I like when websites have a dark mode option. Dark mode makes web pages easier for me to read and helps my eyes feel more relaxed. Many websites, including YouTube and Twitter, have implemented it already, and we’re starting to see it trickle onto many other sites as well. In this tutorial, we’re going to…

Thinking in React Hooks

September 25th, 2019

Amelia Wattenberger has written this wonderful and interactive piece about React Hooks and details how they can clean up code and remove all those troubling lifecycle events: React introduced hooks one year ago, and they’ve been a game-changer for a lot of developers. There are tons of how-to introduction resources out there, but I want…

An Explanation of How the Intersection Observer Watches

September 24th, 2019

There have been several excellent articles exploring how to use this API, including choices from authors such as Phil Hawksworth, Preethi, and Mateusz Rybczonek, just to name a few. But I’m aiming to do something a bit different here. I had an opportunity earlier in the year to present the VueJS transition component to the…

Web Developer Search History

September 18th, 2019

Sophie Koonin blogged “Everything I googled in a week as a professional software engineer,” which was a fascinating look into the mind of a web developer and what they need to lookup during day-to-day work. We all joke that we just Google stuff (or StackOverflow stuff) we don’t know off the bat and copy and…

A Proof of Concept for Making Sass Faster

September 17th, 2019

At the start of a new project, Sass compilation happens in the blink of an eye. This feels great, especially when it’s paired with Browsersync, which reloads the stylesheet for us in the browser. But, as the amount of Sass grows, compilation time increases. This is far from ideal. It can be a real pain…

Weekly Platform News: Apple Deploys Web Components, Progressive HTML Rendering, Self-Hosting Critical Resources

September 12th, 2019

In this week’s roundup, Apple gets into web components, how Instagram is insta-loading scripts, and some food for thought for self-hosting critical resources. Apple deploys web components built using Stencil The new Apple Music web app (beta) uses a JavaScript framework (Ember.js) but also standard web components such as <apple-music-video-player> that are built using Stencil,…

Simplicity

September 12th, 2019

Earlier this week, Bastian Allgeier published some interesting thoughts about complexity in web development and how changing simple things can often feel far more difficult than they need to be: You want to build a JS file? Please update Webpack first. Oh, that new version of Webpack is no longer compatible with your Node version….

OpenSSL security releases do not require Node.js security releases

September 12th, 2019

Summary The OpenSSL Security releases of September 10th, 2019 do not affect Node.js. Analysis Our assessment of the security advisory is: ECDSA remote timing attack (CVE-2019-1547) Not affected. Node supports only named curves for ECDSA signing. Fork Protection (CVE-2019-1549) Not affected. Node.js always call exec() after fork() so will not duplicate the PRNG state in…

Hamburger Menu with a Side of React Hooks and Styled Components

September 10th, 2019

We all know what a hamburger menu is, right? When the pattern started making its way into web designs, it was both mocked and applauded for its minimalism that allows main menus to be tucked off-screen, particularly on mobile where every pixel of space counts. About double the meat. Love ‘em or hate ‘em, hamburger…

“Off The Main Thread”

September 10th, 2019

JavaScript is what they call “single-threaded.” As Brian Barbour puts it: This means it has one call stack and one memory heap. We all feel a symptom of that regularly in the form of performance jank and non-interactivity on elements or entire sites. If we give JavaScript lots of jobs and it gets really busy…