amirho/react.dev
1
0
Fork 0
mirror of https://github.com/reactjs/react.dev.git synced 2026-02-23 04:12:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: update ids to point to right part of the docs (#7854)

Browse Source
This commit is contained in:
Kunall Banerjee
2025-06-28 15:15:48 -04:00
committed by GitHub
parent 82f2863efa
commit 741e8d94a5
3 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/content/reference/rsc/directives.md
View File

@@ -10,7 +10,7 @@ Directives are for use in [React Server Components](/reference/rsc/server-compon
<Intro>
Directives provide instructions to [bundlers compatible with React Server Components](/learn/start-a-new-react-project#bleeding-edge-react-frameworks).
Directives provide instructions to [bundlers compatible with React Server Components](/learn/start-a-new-react-project#full-stack-frameworks).
</Intro>

16
src/content/reference/rsc/server-components.md
View File

@@ -4,7 +4,7 @@ title: Server Components
<RSC>
Server Components are for use in [React Server Components](/learn/start-a-new-react-project#bleeding-edge-react-frameworks).
Server Components are for use in [React Server Components](/learn/start-a-new-react-project#full-stack-frameworks).
</RSC>
@@ -22,7 +22,7 @@ This separate environment is the "server" in React Server Components. Server Com
#### How do I build support for Server Components? {/*how-do-i-build-support-for-server-components*/}
While React Server Components in React 19 are stable and will not break between minor versions, the underlying APIs used to implement a React Server Components bundler or framework do not follow semver and may break between minors in React 19.x.
While React Server Components in React 19 are stable and will not break between minor versions, the underlying APIs used to implement a React Server Components bundler or framework do not follow semver and may break between minors in React 19.x.
To support React Server Components as a bundler or framework, we recommend pinning to a specific React version, or using the Canary release. We will continue working with bundlers and frameworks to stabilize the APIs used to implement React Server Components in the future.
@@ -45,7 +45,7 @@ function Page({page}) {
setContent(data.content);
});
}, [page]);
return <div>{sanitizeHtml(marked(content))}</div>;
}
```
@@ -69,7 +69,7 @@ import sanitizeHtml from 'sanitize-html'; // Not included in bundle
async function Page({page}) {
// NOTE: loads *during* render, when the app is built.
const content = await file.readFile(`${page}.md`);
return <div>{sanitizeHtml(marked(content))}</div>;
}
```
@@ -113,7 +113,7 @@ function Note({id}) {
setNote(data.note);
});
}, [id]);
return (
<div>
<Author id={note.authorId} />
@@ -253,7 +253,7 @@ This works by first rendering `Notes` as a Server Component, and then instructin
<p>this is the second note</p>
</Expandable>
<!--...-->
</div>
</div>
</body>
```
@@ -270,8 +270,8 @@ import db from './database';
async function Page({id}) {
// Will suspend the Server Component.
const note = await db.notes.get(id);
// NOTE: not awaited, will start here and await on the client.
// NOTE: not awaited, will start here and await on the client.
const commentsPromise = db.comments.get(note.id);
return (
<div>

2
src/content/reference/rsc/use-client.md
View File

@@ -41,7 +41,7 @@ export default function RichTextEditor({ timestamp, text }) {
}
```
When a file marked with `'use client'` is imported from a Server Component, [compatible bundlers](/learn/start-a-new-react-project#bleeding-edge-react-frameworks) will treat the module import as a boundary between server-run and client-run code.
When a file marked with `'use client'` is imported from a Server Component, [compatible bundlers](/learn/start-a-new-react-project#full-stack-frameworks) will treat the module import as a boundary between server-run and client-run code.
As dependencies of `RichTextEditor`, `formatDate` and `Button` will also be evaluated on the client regardless of whether their modules contain a `'use client'` directive. Note that a single module may be evaluated on the server when imported from server code and on the client when imported from client code.