Introducing Same.​dev

Clone any website with pixel perfect accuracy

One-shots Nike, Apple TV, Minecraft, and more! We are releasing Same as a FREE coding agent that's really good at cloning UIs

Try it out now! same.dev

hey facebook, creating a new post lags 1.9ms per keystroke 🚩 the first thing i checked after this was renders

React Scan () tells me that there are renders

i'm skeptical that it's the cause (processing is probably controlled by rich text input library) and it's already using React Compiler github.com/aidenybai/reac…

Introducing React Scan:

A drop in script to scan your React app for slow performance and renders

Try it now - it's open source! Previous tools required manual code change and lacked simple visual cues.

Instead, React Scan automatically detects bad renders. This shows you exactly what you need to fix, and takes <60 seconds to setup (I bet you 🫵)

GitHub: github.com/aidenybai/reac…
Demo: react-scan.million.dev

React now performs 11x faster with million.js.org!

Left: standard component rendering
Right: NEW Delta rendering ⚡️🚀

How does it work? 🧵👇

(inspired by @preactjs + @_developit) React uses the Virtual DOM, and it can get REALLY slow when there's a lot of children, even with keyed nodes.

The reason why is React isn't actually aware of the state during rendering, leading to a lot of unnecessary work.

TL;DR: The bottleneck is diffing.