Have you ever written a line of React code, looked at the output in your browser, and thought: *"Wait... why did it do that?"* Here is the classic code snippet that every single React developer writes at least once: ```jsx function Counter() { const [count, setCount] = useState(0); function h...
Read articleRecraft Studio is a web app where you generate images and then work with them on a canvas. The canvas lives on one very important page — the editor. It is a huge page with a lot of tools, and one day we faced a problem: how long our editor is loading. Four pull requests later, the editor reaches th...
Read articleA few weeks back I wrote about the useFormStatus bug that got me the hardest, the one where pending sits at false forever because the hook was called in the wrong component. If you haven't read that one, the short version is this: the hook only reports on a parent form, never one rendered by the sam...
Read articleEvery hook in this series so far has been a passenger. `useActionState` rides inside a Transition and reports back the result. `useOptimistic` rides inside one and shows you a preview before the real answer lands. `useFormStatus` doesn't even ride, it just reads a status from whoever else is driving...
Read article