🔥 There are 452 Hot Tips!!

JavaScript roomba now sucks both ways

Figured out the motor controller Byte. First time I've had to write binary 1s and 0s in React.

Controlling a roomba with JavaScript

Wrote the code to control it in the browser via Web Serial API, or on the server with serialport

This is a must have editor setting . Here is how I get those coloured indentation / bracket pairs in my editor.

I needed some data from social sites, but they don't provide an API

Here is how I scrape data from websites that don't provide an API by (ab)using the page rehydration object

Tanstack Start doing doing server calls a bit different than React Server Components.

You can write the client and server logic in the same file and it replaces it with fetch calls when run on the client.

No "use client", no errors around using client APIs in server components

I keep importing the wrong thing in VS Code! Pop an autoImportFileExcludePatterns in your settings file Super helpful for Radix UI, Drizzle DB adapters, and node:test

I keep importing the wrong thing in VS Code!

Pop an autoImportFileExcludePatterns in your settings file to exclude typescript types

Super helpful for Radix UI, Drizzle DB adapters, and node:test

Are you using position: absolute; to overlap elements?

It's almost always better to Use CSS Grid instead!

Use CSS Grid to stack items, and visibility: hidden to hide/show spinner.

This approach allows the largest item to size the button, and keeps the button text accessible

One of the biggest problems with UI development is about to be solved!

Customizable <select> brings allows us to create totally custom dropdowns with HTML and CSS.

Accessible, gracefully degrades and requires no JS!