
How to Sync a Design System with Claude Design
17 min read
Syncing React components into Claude Design with /design-sync: what the mirror holds, how it's verified and a step-by-step example with shadcn/ui, Tailwind v4 and Storybook.
Exploring web development, software engineering and everything in between

17 min read
Syncing React components into Claude Design with /design-sync: what the mirror holds, how it's verified and a step-by-step example with shadcn/ui, Tailwind v4 and Storybook.

8 min read
Introducing the “import defer” proposal, a new ECMAScript import form that loads and links modules eagerly while deferring their evaluation until a namespace property is first accessed - currently at stage 3 in the TC39 process.

23 min read
A walkthrough of how AI works at the Large Language Model level. From tokenization and embeddings to self-attention and generation with JavaScript implementations explaining the inference pipeline.

5 min read
BigInt in ES2020 (ES11) - a new primitive for arbitrarily large integers, with its operators, comparisons and limits.

6 min read
Dynamic imports in ES2020 (ES11) - how import() loads modules on demand at runtime, with lazy loading and computed specifiers.

7 min read
What changed in npm v7 lockfiles - the new package-lock.json format (v2), Yarn lockfile support, the hidden lockfile and the performance gains.

9 min read
React Server Components and Shared Components explained - how the component types combine client-side interactivity with server-side performance.

5 min read
The TC39 process explained - how an ECMAScript proposal moves through the stages, from an idea to the next edition of the specification.

3 min read
Puppeteer video tutorials - short videos on launching browsers, headless and headful modes, debugging, pages, screenshots, PDFs and more.

7 min read
String matchAll in ES2020 (ES11) - how matchAll returns all regex matches with their capturing groups, with examples.