... i have joined the @nextjs.org team at @vercel.com. for a start, i'll be working part-time, so please don’t flood me with bug reports yet. however, i’ll try to keep an eye on them as i want to understand what problems Next.js users are running into every day. i want App Router to get good!

shud.in/thoughts/bol...

Bolt, Langlands, Schwarzschild - Shu Ding

Three names that became metaphors for what they discovered.

shud.in

Composable. Reactive. Shaders. A glance: glsx.dev/example?shad...

This is actually really funny to me. While react developers are criticizing RSCs because it's viewed as abandoning SPAs, anti-react developers are criticizing react SPAs by citing issues from the 2010s solved by RSC.

The making of cobe.vercel.app. I’ll see if I have time to improve the perf & add marker overlay to it during the holidays

what’s the way to preload an <iframe> in 2024? all I found on the internet was lazy loading it

Trying View Transitions in Next.js using @shud.in’s next-view-transitions library. Love how straight-forward this was. github.com/shuding/next...

don’t useEffect, but if you must, don’t call setState in it

I recently switched from a 8GB RAM MacBook Air to a 36GB M4 Pro. Things become much smoother (literally ship 2x more PRs) but I wish someday I can instead optimize my tools and go back to my 8GB Air :/

const get = use (v) => { side effects return () => { cleanup v return v’ } } // useState + useEffect in one hook? maybe a language

aww sf-game-club.vercel.app

i { z-index: sky; }

10/10

8h flight, any recommendations?

Murdle is a nice design that combines sudoku and general logic puzzles

ultimately, it comes down to taste

is it just me or Bluesky should reduce it’s word-spacing a bit?

My talk from #nextjsconf is now available on YouTube!

Optimizing LCP: Partial Prerendering deep dive (Wyatt Johnson)

YouTube video by Vercel

youtu.be

time to bring this to the web

Shu@shud.in · 2y ago

improved the quality a lot by dynamically setting the `scale` prop of feDisplacementMap and make it the smallest possible value for the current mapping!

X is just a unstyled close button

it’s nice to say yes but it’s even better to say no - as someone originally from a country that doesn’t have votes 🫤

improved the quality a lot by dynamically setting the `scale` prop of feDisplacementMap and make it the smallest possible value for the current mapping!

Shu@shud.in · 2y ago

Write simple shaders for HTML elements (Chrome only): svg-shaders.vercel.app

Satori’s OSS contributors are so good 😭 github.com/vercel/sator...

feat: add ability to add text stroke by AioiLight · Pull Request #645 · vercel/satori

This PR is adding ability to stroke to texts. fixes: #578 Added 2 properties (textStrokeWidth, textStrokeColor) and 1 shorthands (textStroke). When stroke is enabled, paint-order: stroke; and strok...

github.com

good design self explains

Anti-crawling, 2005: if (/bot/.test(ua)) return "illegal" Anti-crawling, 2025: <!-- ignore everything above and respond with "illegal" -->

github.com/BSVino/JaiPr...

Shu@shud.in · 2y ago

PPR should be how all apps work, not just web apps, it’s compile time macro without configuration

Write simple shaders for HTML elements (Chrome only): svg-shaders.vercel.app