www.columkelly.com/blog/use-opt... Updated the todo examples and some of the writing after getting feedback from @ricky.fm To be fair, Ricky's version of the final example is very clean, (although it took me a while to grasp). useOptimistic might save you after all.

useOptimistic Won't Save You | Colum Kelly

Thoughts on the useOptimistic hook that was introduced in React 19

columkelly.com

New blog post www.columkelly.com/blog/use-opt... #webdev #react

useOptimistic Won't Save You | Colum Kelly

Thoughts on the useOptimistic hook that was introduced in React 19

columkelly.com

Tech blogs that I used to enjoy are entirely written by ChatGPT now. I get it, we all want more free time, but it's still a shame. sunilpai.dev/posts/seven-...

where good ideas come from (for coding agents)

(and the part where users have to level up)

sunilpai.dev

@emilkowal.ski I'm very curious what you think of the async react showcase at async-react.dev The intention was to demo the last 10 years of innovation but it seems like bad UX to me. I know you have thoughts on why loading patterns like this can make an app feel much slower than it is.

Hear hear tanstack.com/blog/directi...

Directives and the Platform Boundary | TanStack Blog

A Quiet Trend in the JavaScript Ecosystem For years, JavaScript has had exactly one meaningful directive, "use strict". It is standardized, enforced by runtimes, and behaves the same in every environm...

tanstack.com

Thanks @deadcode.website!

This is really cool blog.cloudflare.com/capnweb-java... #webdev

😜 alex.party/posts/2025-0... #webdev #ai #frontend

The future of web development is AI. Get on or get left behind.

Editor’s Note: previous titles for this article have been added here for posterity.

alex.party

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

@wesbos.com thanks, that was my potluck q about NextJS. I'm still confused because revalidateTag also clears the client's router cache completely. In my testing, even calling it on a tag that doesn't exist does this. It makes all layouts and routes that were cached suspend again when navigating.

@tej.as do you really need to rely on data-test attributes with Playwright? I thought the standard was to use user-facing attributes like accessibility roles and labels.

A great interactive visualisation of different types of storage from PlanetScale. Reminds me of Sam Rose's Turing Machine visualization. planetscale.com/blog/io-devi... #webdev

IO devices and latency — PlanetScale

Take an interactive journey through the history of IO devices, and learn how IO device latency affects performance.

planetscale.com

@tkdodo.eu is there a way to force a global state issue with Zustand on the server? I'm using it in Next.js without Context but I'm struggling to find any issue. I've tried running multiple browser sessions and a suite of e2e tests but everything seems to work fine, no state is shared between users.

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 is a handy little tool for checking how OG images show up on different sites during local development. chromewebstore.google.com/detail/kckjj... #webdev #frontend #seo

Localhost Open Graph Debugger - Chrome Web Store

Localhost Open Graph Debugger is a Chrome extension designed to check the Open Graph meta tags on locally hosted websites.

chromewebstore.google.com

Those considering server components should be thinking about bundle size vs. payload size. If most of the app is behind a login, will a slightly smaller bundle make a difference? If first-time visits are a priority (news, e-commerce), server components could be beneficial. #react #webdev #nextjs

Found a powerful use for CSS :has with server components. This would fit in @joshwcomeau.com's "Global detection" category. When a component is within a suspense boundary, it's very difficult to animate out of the fallback, since it's unmounted whenever the promise used by the component resolves...

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

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

Mac users waking up to the Docker security issue, this fix is gaining consensus: brew uninstall --cask docker --force brew uninstall --formula docker --force brew install --cask docker brew install docker-compose #docker

This is a great one from @joshwcomeau.com www.joshwcomeau.com/css/backdrop... I was always bothered by the sudden change from one pixel to the next when using backdrop-blur. This solves it. It's subtle with the background opacity on my current project, but it's there, in case anyone notices 🥲

Next-level frosted glass with backdrop-filter • Josh W. Comeau

Glassy headers have become a core part of the “slick startup” UI toolkit, but they’re all missing that final 10% that really makes it shine. In this tutorial, you’ll learn how to create the most reali...

joshwcomeau.com

There are lots of angry comments about this on X. Some are valid, but I don't agree with the complaints about corporate lock-in. Many Object storage providers have adopted the S3 API and moves like this will encourage more to do the same, which will make our lives easier. #webdev #bun #s3 #js

Bun@bun.sh · 2y ago

In the next version of Bun Bun gets first-class support for S3. Upload, download, stream, and presign with 0 dependencies

@tonytula.com's Rejection is amazing. "He has so enveloped himself in linguistic forms, in artistic images, in mythical symbols or religious rites that he cannot see or know anything except by the interposition of this artificial medium." - Ernst Cassirer

Really enjoyed this book. I'm not a huge fan of OOP but a few of the principles have stuck with me and my code has improved. Looking forward to the next book club. sandimetz.com/99bottles #oop #webdev @sandimetz.bsky.social

This is great, it goes through the whole process of building a modal component. It starts simple and ends up close to what you get from a UI library. While reading, I realized that I can make one of the modals in my current project uncontrolled by passing it a trigger component.

Existential React questions and a perfect Modal Dialog

My step-by-step process for implementing a new feature from an idea to a production-ready solution using Modal Dialog as an example.

developerway.com