Friday Issue Nr. 120 | 27/09/2024

Deno 2.0 RC, but also check David's post on the same, React Query and how it works, Svelte 5, Node principles, a refresh on destructuring and, in the CSS world, fancy ways to improve performance, and new Values and Functions in CSS.

JavaScript News

Deno 2.0 RC

https://deno.com/blog/v2.0-release-candidate

This is followed by David's post, which views Deno differently.

https://dbushell.com/2024/08/09/jsr-and-deno-final-review/

How React Query works?

https://ui.dev/c/query/data-synchronization

Safe Await

If you want to avoid try / catch blocks, you can apply a safe-await package.

https://alexjpate.com/posts/cleaner-promises-with-safe-await

Svelte 5

This is a very sensible post on the pain points of Svelte <5 versions. However, I somehow managed to avoid all those "glitchy" bits.

https://www.webdevladder.net/blog/svelte-5-signals-fix-its-glitchy-and-inconsistent-reactivity

Node Principles

https://www.platformatichq.com/node-principles

date-fns v4.0

https://blog.date-fns.org/v40-with-time-zone-support

TS 5.6

https://devblogs.microsoft.com/typescript/announcing-typescript-5-6

TS-blank-space

This is another TS parser, but it has some exciting ideas. It is fast, no new JS code is generated, it is small, it delegates parsing to the official TS parser and no need for additional SourceMap processing.

https://bloomberg.github.io/ts-blank-space

Arrays and Objects destructuring

Really nice and easy-to-read guide/reminder about destructuring.

https://piccalil.li/blog/a-guide-to-destructuring-in-javascript/

HTML & CSS News

Improving performance with CSS content-visibility

It's pretty cool how you can improve performance by simply adding content-visibility in CSS. However, loading 20K DOM elements in the browser seems wrong.

https://nolanlawson.com/2024/09/18/improving-rendering-performance-with-css-content-visibility

New Values and Functions in CSS

CSS seems to be one of the fastest-evolving "thing" on the internet. Having random() in CSS would be an enormous win (imagine what you can make with animation!), but the Working Draft includes a whole bunch of new additions.

https://alvaromontoro.com/blog/68062/new-values-and-functions-in-CSS

Mixed News

Clipboard mysteries and how it works

It was a very interesting journey through how the clipboard works on different systems, the types of data it can pass, and how to make it "smarter.”

https://alexharri.com/blog/clipboard

Safari 18

https://webkit.org/blog/15865/webkit-features-in-safari-18-0

Comment on Mastodon