Friday Issue Nr. 114 | 7/06/2024

This week is more about JavaScript, memory leaks, promises, a Big(O) notation and data fetching patterns. CSS has interesting reads about tooltips, aria-label, The Gap and CSS-only timer. Happy Friday, Happy Reading!

JavaScript News

Sneaky React memory leaks

Hopefully, the new compiler will be able to deal with those memory leaks. However, till that moment, this is a good read on closures and how memory leaks happen.

When React becomes Svelte

As a joke, I said that a few times, but somebody made a post about the same. 🙂

Promises from the ground up

Even if you know all about Promises, Josh's blog post is always a pleasure to read. It provides perfect-to-detail examples, not only of JavaScript Promises but also of JavaScript single threads and how they work.

React 19 and impossible components.

The find() method and a Big(O) notation (kind of)

The article claims that the find() method is not that great, but it all depends on the amount of data. There is no point in winning a few ms and losing the readability of the code. However, it is good to refresh memory on the Map() method and how looping through data can impact code efficiency.

Data Fetching Patterns in SPA


How deep is your DOM

Interesting experiment between flat vs nested DOM and performance of it.

Tooltips in the time of WCAG 2.1

The list of tooltip names from the article: "tooltip," "infotip," "toggle tip," "hint text," "balloon help," "info bubble," "inaccessible overlay of shame"... the list goes on.”

My personal favourite is “inaccessible overlay of shame”.

aria-label usage

Extensive list on aria usage.

Sign up forms

The Gap

As usual, Ahmad Shadeed explained in detail why the flexbox gap property resolves many issues when trying to adjust elements with the usual margin/padding technique. It is interesting to go through all those cases that create problems once you remove an element or add it, but with the gap property, it is just one line, and everything works out of the box.

CSS only timer

Another craziness with CSS and the use of custom property.

Mixed News

Landing page

I like this website's design. It has many details (hovers, scroll effects), a fancy colour schema and works well in all sizes.

Comment on Mastodon