Friday Issue Nr.120

2024-09-27

back

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

Andris Švarcs

Somehow, I've survived over 15 years as a web developer without losing my interest in the craft. Quite the opposite, with so many great improvements in the Web standards, what was nearly impossible now is easy to make.

My career has been a wild ride through small agencies and big corporations, building everything from finance apps to health dashboards.

I'm that annoying person who needs to understand products beyond just slinging code. I ask questions like 'Why is this feature important?' and 'How will this improve the customer journey?' – you know, the kind of questions that make project managers reach for the pint aspirin. This curiosity has led me down the rabbit holes of design, accessibility, and SEO. Because apparently, making websites pretty, usable, and findable wasn't challenging enough on its own.

P.S. If this bio sounds too polished, blame my evil AI twin. I'm still working on teaching it sarcasm.

Copyright © since 2021, Andris Švarcs. All rights reserved.

Lets connect

bluesky

youtube

linkedin