Thanks @deadcode.website!

This is really cool

blog.cloudflare.com/capnweb-java...

#webdev

I've made the mistake of listing out a bunch of input attributes as prop types when I want to pass them to a component. React actually a type for these which makes it much cleaner.

#webdev #frontend #react #typescript

Finished my Threads Clone. Next 15, React 19, Drizzle, SQLite, custom auth. I nabbed the rolling counter from Bluesky and a few ShadCN components, but otherwise everything was done from scratch.

@syntax.fm you guys got me here! Someone hire me I'm sick of cleaning windows 😅

#webdev #react #nextjs

This component wraps a card, allowing it to be clicked anywhere, without compromising the ability to select text. handleNestedInteraction opens the link (navigate) as long as the event target isn't a nested button.
#webdev #frontend #react #javascript

Hmm I thought this was the default. I don't have an option for "normal" mode. I was wondering what they were talking about on Syntax.

Using a DropdownMenuItem as a Dialog trigger doesn't work as expected. Many suggest adding an e.preventDefault to the MenuItem but this causes other issues.

Placing the Dropdown within the Dialog is a better solution that will make everything work correctly. #radix #shadcn #webdev #frontend #react

Touché, DeepSeek...

#ai #llm #deepseek #chatgpt

Many Radix/Shadcn components hide the scrollbar when toggled, which can cause layout shift. Giving fixed elements a width of 100vw will make them stable.

To stop the scrollbar to be hidden, use this rule. The html selector may seem unnecessary but it adds specificity. #css #shadcn #react #webdev

Callback refs are much cleaner than effects for DOM manipulation. This is a handy one I'm using to help the user overwrite the previous input after navigating back to the main search page.

You can even add a cleanup function since React 19, which makes them safer for async tasks. #react #webdev

This is a handy snippet to get typed API routes in a Next.js app with no effort. You should still validate the response because its shape isn't guaranteed.
#webdev #nextjs #typescript

Very satisfying to use the following command today in Node 23.6.0

node --env-file=.env.local src/lib/db/seed.ts

I had to add .ts extensions to all module imports and remove path aliases, as well as adding a couple of tsconfig rules.

nodejs.org/api/typescri...

#webdev #node #typescript

The full closing paragraph is incredible.

Found a nice trick for nesting links without nesting them in markup (which is illegal HTML).

Using position: absolute, inset: 0 on the first link makes it take up the full area of the parent div, and z-index on the nested link allows it to capture mouse events before the wrapper.
#css #html #webdev