A rather geeky/technical weblog, est. 2001, by Bramus
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 →
Developer Dave Ceddia, who had mainly been writing React before: A few months ago, Svelte 3 was released. I tried it out, ran through their tutorial, and built a few small things. And I can honestly say that I think writing Svelte feels even faster and easier than React. Svelte gave me the same spark, …
Ever wondered what the (size) impact of adding an NPM package to your project is? BundlePhobia is a tool that does not only that, it also recommends you other similar packages that have a lesser load. This thing lets you understand the performance cost of npm install‘ing a new npm package before actually adding it …
Continue reading “Find the cost of adding a npm package to your bundle with BundlePhobia”