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.

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

link to "the official tutorial" for React is dead on README.md #118

Open
lancegrandis opened this issue Sep 29, 2024 · 0 comments
Open

link to "the official tutorial" for React is dead on README.md #118

lancegrandis opened this issue Sep 29, 2024 · 0 comments

Comments

@lancegrandis
Copy link

The link for step one, "the official tutorial", is dead.

It results in a 404:

Request URL: https://facebook.github.io/react/docs/tutorial.html Request Method: GET Status Code: 307 Internal Redirect (from disk cache) => Request URL: http://react.dev/docs/tutorial.html Request Method: GET Status Code: 404 Internal Redirect => Request URL: https://react.dev/docs/tutorial.html Request Method: GET Status Code: 404 Not Found

Seemingly, the current starting point is here, where the introduction involves a bit of js and html describing components. How does this below compare to the original intro?

Creating and nesting components

React apps are made out of components. A component is a piece of the UI (user interface) that has its own logic and appearance. A component can be as small as a button, or as large as an entire page.

React components are JavaScript functions that return markup:

function MyButton() {
  return (
    <button>I'm a button</button>
  );
}

Now that you’ve declared MyButton, you can nest it into another component:

export default function MyApp() {
  return (
    <div>
      <h1>Welcome to my app</h1>
      <MyButton />
    </div>
  );
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant