Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Docs: update react 18's overview #35766

Merged
merged 3 commits into from Mar 31, 2022
Merged

Docs: update react 18's overview #35766

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
110e62c
docs: update react 18 installation command, links and descriptions
tianenpang Mar 31, 2022
0890364
docs: update react 18 installation command and description
tianenpang Mar 31, 2022
649dabc
Merge branch 'canary' into docs/react-18
kodiakhq[bot] Mar 31, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
8 changes: 4 additions & 4 deletions docs/advanced-features/react-18/overview.md
View file
Open in desktop
@@ -1,16 +1,16 @@
# React 18

[React 18](https://reactjs.org/blog/2021/06/08/the-plan-for-react-18.html) adds new features including Suspense, automatic batching of updates, APIs like `startTransition`, and a new streaming API for server rendering with support for `React.lazy`.
[React 18](https://reactjs.org/blog/2022/03/29/react-v18.html) adds new features including Suspense, automatic batching of updates, APIs like `startTransition`, and a new streaming API for server rendering with support for `React.lazy`.
Next.js also provides streaming related APIs, please checkout [next/streaming](/docs/api-reference/next/streaming.md) for details.

React 18 is now in Release Candidate (RC). Read more about React 18's [release plan](https://reactjs.org/blog/2021/06/08/the-plan-for-react-18.html) and discussions from the [working group](https://github.com/reactwg/react-18/discussions).
React 18 is now released. Read more about [React 18](https://reactjs.org/blog/2022/03/29/react-v18.html).

## Using React 18 with Next.js

Install the RC version of React 18:
Install the latest version of React:

```jsx
npm install next@latest react@rc react-dom@rc
npm install next@latest react@latest react-dom@latest
```

You can now start using React 18's new APIs like `startTransition` and `Suspense` in Next.js.
Expand Down
4 changes: 2 additions & 2 deletions docs/advanced-features/react-18/server-components.md
View file
Open in desktop
Expand Up @@ -4,10 +4,10 @@ Server Components allow us to render React components on the server. This is fun

### Enable React Server Components

To use React Server Components, ensure you have React 18 installed:
To use React Server Components, ensure you have the latest React installed:

```jsx
npm install next@canary react@rc react-dom@rc
npm install next@canary react@latest react-dom@latest
```

Then, update your `next.config.js`:
Expand Down