// the find
gaearon/rscexplorer
A tool for people curious about the React Server Components protocol
A browser-only sandbox that runs both the RSC server and client renderer entirely client-side, letting you step through the React Server Components wire protocol row by row and watch the resulting tree build. Built by Dan Abramov as an educational tool for people trying to actually understand RSC internals rather than just use them, with a set of canned examples (forms, bound actions, streaming errors, even a CVE walkthrough).
Runs the full server+client round trip in a worker with no real backend, which is the only way a step-through debugger for a streaming protocol could work in a static site. It deliberately avoids depending on React internals, using the actual react-server-dom-webpack package with a shimmed webpack runtime, so what you're inspecting is real RSC behavior, not a reimplementation. Treating the flight stream as opaque rows instead of parsing deep into the format's semantics means it's less likely to rot as the protocol evolves. The example set is well chosen for actually teaching the protocol's weird corners — bound actions, client references, binary payloads, and a real CVE reproduction.
The author states outright it's vibecoded and heavily steered, meaning parts of the codebase are acknowledged as weird or suboptimal by the person who wrote it — worth a skim before you trust any given file. Only end-to-end tests exist; there's no unit coverage on the flight parser or webpack shim, so a regression there surfaces as a failing Playwright scenario rather than a pinpointed assertion. It's a single-maintainer hobby project explicitly disclaimed as unofficial, so there's no commitment to keeping pace with RSC protocol changes as React ships new versions. Documentation is a README plus one blog post — there's no architecture doc, so understanding how the worker-server and worker-client actually communicate means reading the source directly.