Update README.md with react.dev links (#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
Kathryn Middleton committed
Nov 30, 2023 at 12:08 UTC
60ad3693a554f24b116f3f9afdb171fb4beb6d02
1 file changed
+19
-16
README.md
+19
-16
@@ -1,4 +1,4 @@
1
-# [React](https://reactjs.org/) · [](https://github.com/facebook/react/blob/main/LICENSE) [](https://www.npmjs.com/package/react) [](https://circleci.com/gh/facebook/react) [](https://reactjs.org/docs/how-to-contribute.html#your-first-pull-request)
1
+# [React](https://react.dev/) · [](https://github.com/facebook/react/blob/main/LICENSE) [](https://www.npmjs.com/package/react) [](https://circleci.com/gh/facebook/react) [](https://legacy.reactjs.org/docs/how-to-contribute.html#your-first-pull-request)
2
3
React is a JavaScript library for building user interfaces.
4
@@ -12,11 +12,9 @@ React is a JavaScript library for building user interfaces.
12
13
React has been designed for gradual adoption from the start, and **you can use as little or as much React as you need**:
14
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.
18
19
## Documentation
20
@@ -26,18 +24,23 @@ Check out the [Getting Started](https://react.dev/learn) page for a quick overvi
24
25
The documentation is divided into several sections:
26
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)
38
39
You can improve it by sending pull requests to [this repository](https://github.com/reactjs/reactjs.org).
40
41
## Examples
42
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:
44
45
```jsx
46
import { createRoot } from 'react-dom/client';
@@ -52,7 +55,7 @@ root.render(<HelloMessage name="Taylor" />);
55
56
This example will render "Hello Taylor" into a container on the page.
57
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.
59
60
## Contributing
61
@@ -62,9 +65,9 @@ The main purpose of this repository is to continue evolving React core, making i
65
66
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.
67
65
-### [Contributing Guide](https://reactjs.org/docs/how-to-contribute.html)
68
+### [Contributing Guide](https://legacy.reactjs.org/docs/how-to-contribute.html)
69
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.
71
72
### Good First Issues
73