docs-rsc-sandpack
RSC Sandpack Patterns
For general Sandpack conventions (code style, naming, file naming, line highlighting, hidden files, CSS guidelines), see /docs-sandpack. This skill covers only RSC-specific patterns.
Quick Start Template
Minimal single-file <SandpackRSC> example:
<SandpackRSC>
` ` `js src/App.js
export default function App() {
return <h1>Hello from a Server Component!</h1>;
}
` ` `
</SandpackRSC>
More from reactjs/react.dev
react-expert
Use when researching React APIs or concepts for documentation. Use when you need authoritative usage examples, caveats, warnings, or errors for a React feature.
915docs-components
Comprehensive MDX component patterns (Note, Pitfall, DeepDive, Recipes, etc.) for all documentation types. Authoritative source for component usage, examples, and heading conventions.
59docs-sandpack
Use when adding interactive code examples to React docs.
57review-docs
Use when reviewing React documentation for structure, components, and style compliance
52docs-writer-learn
Use when writing or editing files in src/content/learn/. Provides Learn page structure and tone.
48docs-writer-blog
Use when writing or editing files in src/content/blog/. Provides blog post structure and conventions.
47