Posts

All the articles I've posted. If you're looking for a specific page, check out the search.

• Great React UX: Replay input after hydration

  

  How to replay user input that happened before React hydration: preserving filter state, firing onChange, and keeping URL query params in sync.

• How Framer transforms AST to speed up hydration

  

  Using Rolldown's Native MagicString and OXC-AST to preload lazy modules and eliminate Suspense waterfalls during React hydration.

• Cursor's Automated PR approval system at Framer

  

  How Framer uses Cursor automations to auto-approve low-risk PRs: prompts, guardrails, Slack alignment, and lessons learned.

• Concurrent Hydration with useSyncExternalStore

  

  Pair useSyncExternalStore with useDeferredValue and memoization to keep hydration concurrent and INP friendly.

• How To Improve INP: React⚛️

  

  All-in-one guide for improving Interaction-to-Next-Paint (INP) React applications. Introduces the useAfterPaintEffect hook.

• How To Improve INP: Yield Patterns

  

  How to yield to the main thread to improve Interaction-to-Next-Paint (INP) and detailed insights into patterns like await-interaction-response, yieldToMain, yieldUnlessUrgent.