Skip to content

Commit 14122a6

Browse files
kmiddleton14AndyPengc12
authored andcommitted
Update README.md with react.dev links (facebook#27765)
## Summary Update legacy reactjs.org links and update to the corresponding ones on react.dev ## How did you test this change? Verify all links go to the expected pages
1 parent 215b70f commit 14122a6

File tree

1 file changed

+19
-16
lines changed

1 file changed

+19
-16
lines changed

README.md

Lines changed: 19 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
# [React](https://reactjs.org/) · [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/facebook/react/blob/main/LICENSE) [![npm version](https://img.shields.io/npm/v/react.svg?style=flat)](https://www.npmjs.com/package/react) [![CircleCI Status](https://circleci.com/gh/facebook/react.svg?style=shield)](https://circleci.com/gh/facebook/react) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://reactjs.org/docs/how-to-contribute.html#your-first-pull-request)
1+
# [React](https://react.dev/) · [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/facebook/react/blob/main/LICENSE) [![npm version](https://img.shields.io/npm/v/react.svg?style=flat)](https://www.npmjs.com/package/react) [![CircleCI Status](https://circleci.com/gh/facebook/react.svg?style=shield)](https://circleci.com/gh/facebook/react) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://legacy.reactjs.org/docs/how-to-contribute.html#your-first-pull-request)
22

33
React is a JavaScript library for building user interfaces.
44

@@ -12,11 +12,9 @@ React is a JavaScript library for building user interfaces.
1212

1313
React has been designed for gradual adoption from the start, and **you can use as little or as much React as you need**:
1414

15-
* Use [Online Playgrounds](https://reactjs.org/docs/getting-started.html#online-playgrounds) to get a taste of React.
16-
* [Add React to a Website](https://reactjs.org/docs/add-react-to-a-website.html) as a `<script>` tag in one minute.
17-
* [Create a New React App](https://reactjs.org/docs/create-a-new-react-app.html) if you're looking for a powerful JavaScript toolchain.
18-
19-
You can use React as a `<script>` tag from a [CDN](https://reactjs.org/docs/cdn-links.html), or as a `react` package on [npm](https://www.npmjs.com/package/react).
15+
* Use [Quick Start](https://react.dev/learn) to get a taste of React.
16+
* [Add React to an Existing Project](https://react.dev/learn/add-react-to-an-existing-project) to use as little or as much React as you need.
17+
* [Create a New React App](https://react.dev/learn/start-a-new-react-project) if you're looking for a powerful JavaScript toolchain.
2018

2119
## Documentation
2220

@@ -26,18 +24,23 @@ Check out the [Getting Started](https://react.dev/learn) page for a quick overvi
2624

2725
The documentation is divided into several sections:
2826

29-
* [Tutorial](https://reactjs.org/tutorial/tutorial.html)
30-
* [Main Concepts](https://reactjs.org/docs/hello-world.html)
31-
* [Advanced Guides](https://reactjs.org/docs/jsx-in-depth.html)
32-
* [API Reference](https://reactjs.org/docs/react-api.html)
33-
* [Where to Get Support](https://reactjs.org/community/support.html)
34-
* [Contributing Guide](https://reactjs.org/docs/how-to-contribute.html)
27+
* [Quick Start](https://react.dev/learn)
28+
* [Tutorial](https://react.dev/learn/tutorial-tic-tac-toe)
29+
* [Thinking in React](https://react.dev/learn/thinking-in-react)
30+
* [Installation](https://react.dev/learn/installation)
31+
* [Describing the UI](https://react.dev/learn/describing-the-ui)
32+
* [Adding Interactivity](https://react.dev/learn/adding-interactivity)
33+
* [Manging State](https://react.dev/learn/managing-state)
34+
* [Advanced Guides](https://react.dev/learn/escape-hatches)
35+
* [API Reference](https://react.dev/reference/react)
36+
* [Where to Get Support](https://react.dev/community)
37+
* [Contributing Guide](https://legacy.reactjs.org/docs/how-to-contribute.html)
3538

3639
You can improve it by sending pull requests to [this repository](https://github.com/reactjs/reactjs.org).
3740

3841
## Examples
3942

40-
We have several examples [on the website](https://reactjs.org/). Here is the first one to get you started:
43+
We have several examples [on the website](https://react.dev/). Here is the first one to get you started:
4144

4245
```jsx
4346
import { createRoot } from 'react-dom/client';
@@ -52,7 +55,7 @@ root.render(<HelloMessage name="Taylor" />);
5255

5356
This example will render "Hello Taylor" into a container on the page.
5457

55-
You'll notice that we used an HTML-like syntax; [we call it JSX](https://reactjs.org/docs/introducing-jsx.html). JSX is not required to use React, but it makes code more readable, and writing it feels like writing HTML. If you're using React as a `<script>` tag, read [this section](https://reactjs.org/docs/add-react-to-a-website.html#optional-try-react-with-jsx) on integrating JSX; otherwise, the [recommended JavaScript toolchains](https://reactjs.org/docs/create-a-new-react-app.html) handle it automatically.
58+
You'll notice that we used an HTML-like syntax; [we call it JSX](https://react.dev/learn#writing-markup-with-jsx). JSX is not required to use React, but it makes code more readable, and writing it feels like writing HTML.
5659

5760
## Contributing
5861

@@ -62,9 +65,9 @@ The main purpose of this repository is to continue evolving React core, making i
6265

6366
Facebook has adopted a Code of Conduct that we expect project participants to adhere to. Please read [the full text](https://code.fb.com/codeofconduct) so that you can understand what actions will and will not be tolerated.
6467

65-
### [Contributing Guide](https://reactjs.org/docs/how-to-contribute.html)
68+
### [Contributing Guide](https://legacy.reactjs.org/docs/how-to-contribute.html)
6669

67-
Read our [contributing guide](https://reactjs.org/docs/how-to-contribute.html) to learn about our development process, how to propose bugfixes and improvements, and how to build and test your changes to React.
70+
Read our [contributing guide](https://legacy.reactjs.org/docs/how-to-contribute.html) to learn about our development process, how to propose bugfixes and improvements, and how to build and test your changes to React.
6871

6972
### Good First Issues
7073

0 commit comments

Comments
 (0)