RSC Explorer#

A tool for educators and tinkerers curious about the React Server Components (RSC) protocol.

RSC Explorer runs both the Server and the Client parts of RSC in the browser.

It lets you inspect the RSC stream step by step and observe the React tree that is being streamed at every step. It also hosts some examples that showcase how React Server and Client features can interplay.

This is a hobby project and is not affiliated with or endorsed by any person, living or dead.

Blog Post#

Read Introducing RSC Explorer for an overview of the tool and why I made it.

Examples#

• Hello World
• Async Component
• Counter
• Form Action
• Router Refresh
• Pagination
• Error Handling
• Client Reference
• Bound Actions
• Kitchen Sink
• CVE-2025-55182

Embedding#

You can embed RSC Explorer onto a page. Press the < > button in the top bar for the embed code.

Development#

Key design decisions to keep in mind:

• The Server part runs in a worker.
• We try to approximate a real RSC environment as much as we can (while staying in browser).
• No dependencies on React internals. We use react-server-dom-webpack and shim the Webpack runtime.
• No dependencies on the protocol format. We display it, but treat it as an implementation detail of React.
• Only end-to-end tests.

This is fully vibecoded but heavily steered so individual pieces may be weird or suboptimal.

Improvements welcome.

License#

MIT