🔥 There are 446 Hot Tips!!

Did you know TypeScript <Generics> don't always need to be explicitly set?

You can infer their types by the type of data being passed! Super powerful approach when writing library or util code.

The $10 LED tinkerer project:

I got my $5 ESP32 turning off a $4 set of WS2813 LEDs with a $1 PIR sensor

Inspired after having Nick Hehr on the Podcast, where he goes in depth about his projects and even how to get JavaScript running on the microcontroller.

CSS is getting margin-trim!

Remove margins from children that touch the sides of a parent. No more selecting :last-child

Stop typing twice!

Here is how to collected multiple named exports and import them under a single JavaScript variable in ESM

CSS logical properties specifies width/height/padding/border/etc using inline + block instead of top + bottom.

But where is that actually useful?

Here is a good example I just ran into with writing-mode: vertical-rl;;

The Async Context / AsyncLocalStorage API is pretty neat - you can create a store and acesss it anywhere down the callstack context without having to pass around data.

It's kind of like closure scope, but but for the async context of your function calls.

I had to show someone this.

I wanted to use background-clip: text; but with a canvas or video element - not just a background image.

So I came up with this monstrosity that actually works!

Been hearing a lot about JavaScript Signals lately?

With just a few lines of code you can take your Vanilla JS variables and make them reactive.

Here is a little demo I whipped up using Preact Signals - can be used without a framework!