🔥 There are 260 Hot Tips!!

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

Are you using position: absolute; to overlap elements?

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

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!

Did you know you can use Promise.allSettled() for async error handling with a single promise?

Collect errors and returned data at the same level!

Can we please stop with the scroll-jacking carousels on websites?

CSS Scroll Snap is a much better solution!

Re-built the Uniqlo home page with 6 lines of CSS and 4 lines of JS

🔥 Here is a neat one! Since arrays are objects, we can destructure their indexes to easily grab the first and last items.

🔥 Use Intl.Collator() to easily sort or group strings regardless of their case or accent

🔥 New in ES2019, we have a .flat() method to flatten these types of chunked arrays.

🔥 When working with an API, I often need to chunk up a list of users and send them in batches.

Array.from() is a great way to chunk up arrays because of the secondary argument being a map function.