🔥 There are 449 Hot Tips!!

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!

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, etc..

Good idea to mix client + server code in the same file?

Bugs in Safari make me sad, bugs in old Safari make me mad.

Here is how to run any version of Safari, on Mac or Windows, for free!

You’ve heard of sidebar on the right, but what about terminal on the top?!