A rather geeky/technical weblog, est. 2001, by Bramus
A new ECMAScript Proposal that I’m looking forward to is this one which introduces the Record and Tuple value types. In short: Records are immutable Objects that are compared by value. Tuples are immutable Arrays that are compared by value. The proposal is currently Stage-1. Update 2020.07.22: the proposal has now advanced to Stage-2! As …
Continue reading “ESNext: Immutable Datastructures in JavaScript with Records & Tuples”
WebPonize is a macOS app which converts images to WebP. Just drag and drop your image sources on it and you’re good to go. Installation per Brew Cask: brew cask install webponize WebPonize – Convert images to WebP →
Solid introduction – with a real use case – on how to use the browsers’s built-in debugger: In this post, I will cover using breakpoints, stepping through your code, setting watch expressions, and applying your fixes in Chrome Developer Tools. How to stop using console.log() and start using your browser’s debugger → ☝️ Do not …
Continue reading “How to start using your browser’s debugger”
In the 16th century, Gerardus Mercator, a Flemish cartographer devised a new way of depicting the world on a flat plane. We set off to explore his map in order to illustrate his biggest blunders, unearth curious facts and explain the advantages that make this representation of the globe still relevant today. I especially like …
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 to talk about the fundamental mindset change when switching from React class components to function components + hooks. The code-flow visualisations between the class component and function …
In succession to The Flebox Holy Albatross, Jonathan Snook wondered if he could recreate it using CSS Grid. ℹ️ To recap, with the Flexbox Holy Albatros a layout goes from either all items stacked next to each other (e.g. all horizontal) to all items stack on top of each other (e.g. all vertical): There’s no …
An update on Spot / SpotMini, by The Verge: Boston Dynamics is putting Spot to work. The company has announced a new leasing program for its Spot robot (formerly SpotMini), which is aimed at construction, entertainment, and other automation-friendly industries. But is the world ready for this semi-autonomous quadruped? Boston Dynamics’ Spot is leaving the …
Continue reading “Boston Dynamics Spot hands-on: new dog, new tricks”
Jason Grigsby: I recently found myself racing to fill out Chipotle’s online order form before my mother could find her credit card. In the process, I discovered a bug that could cost Chipotle $4.4 million annually. The form didn’t play nice with autocomplete and therefore would not get sent … The culprit? A JS library …
Continue reading “An HTML attribute potentially worth $4.4M to Chipotle”
Lufthansa cabins are full of high-quality materials. Even the outer skin is made of extremely durable materials. They’re much too valuable to throw away – it would be better to reuse them. We commissioned product designers and recycling experts to sustainably reuse the original materials. Their creativity was given free rein, and that paid off …
React.memo() wisely
To improve user interface performance, React offers a higher-order component React.memo(). By memoizing the rendered output, React skips unnecessary re-rendering. This post helps you distinguish the situations when React.memo() improves the performance, and, not less important, understand when its usage is useless Use React.memo() wisely →