gql.tada is just nuts. Instant type inference from graphql strings. It's like tRPC for GraphQL.

I review a LOT of React code every day. Half my job is repeatedly saying two things: 1. "This state isn't necessary. The values can be derived from other state/props." 2. "This useEffect isn't necessary. The values can be derived on each render instead."

that moment when you can't login at work and briefly wonder if you got fired

made a silly text editor

Oopsies 🙈

Reminder that pretty-ts-errors exists and makes life much better

You probably never heard of `ws4qlite` before. It turns SQLite into an HTTP server and gives you a RESTful API to interact with your database. It comes with auth + backups and much more out of the box. I wrote a guide for it: selfhosthq.com/sqlite/ws4sqli…

TS 5.5 makes your type guards SO much more composable. Writing an 'isArrayOfStrings' function before 5.5 came out would have been MUCH more verbose.

This extension marketplace.visualstudio.com/items?itemName…

More details from today's launch, in a shareable form: totaltypescript.com/announcing-a-f…

Blink: Intent to Ship: CSS interpolate-size property and calc-size() function groups.google.com/a/chromium.org…

Animating to auto height is shipping 🥳🥳🥳

Some good advice from the bathrooms at Google Seattle

Using components like <Card.Body> ? ❌ Avoid this: code can't tree shake 😅 - Card.Body = function() {...} - Object.assign(Card,{Body}) ✅ Use ESM-named exports instead! - export function Body() {} - import {Body} from "./card" Libs doing this well: Chakra, Radix

To make your TypeScript server auto-restart for things like codegen'd files, add this to your .𝚟𝚜𝚌𝚘𝚍𝚎/𝚜𝚎𝚝𝚝𝚒𝚗𝚐𝚜.𝚓𝚜𝚘𝚗 and thank me later: "𝚝𝚢𝚙𝚎𝚜𝚌𝚛𝚒𝚙𝚝.𝚝𝚜𝚜𝚎𝚛𝚟𝚎𝚛.𝚠𝚊𝚝𝚌𝚑𝙾𝚙𝚝𝚒𝚘𝚗𝚜": { "𝚠𝚊𝚝𝚌𝚑𝙳𝚒𝚛𝚎𝚌𝚝𝚘𝚛𝚢":

2 minute rant about how senior engineers should care more about the construction of the business than the implementation du jour

Are you using position: absolute; to overlap elements? It's almost always better to Use CSS Grid instead!

github.copilot.chat.experimental.codeGeneration.instructions { "file": "rules.md" }

Must read for every React developer