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

React Router: Clarify instructions for accessing sub-pages #29038

Merged
merged 1 commit into from
Nov 2, 2024
Merged

React Router: Clarify instructions for accessing sub-pages #29038

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion react/the_react_ecosystem/react_router.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,12 +6,12 @@

This section contains a general overview of topics that you will learn in this lesson.

- What is client-side routing?

Check failure on line 9 in react/the_react_ecosystem/react_router.md

View workflow job for this annotation

GitHub Actions / Lint lesson files

Lesson overview items must be statements, not questions, and must begin with a capital letter and end with a period. 

react/the_react_ecosystem/react_router.md:9 TOP009/lesson-overview-items-sentence-structure Lesson overview items must be statements, not questions, and must begin with a capital letter and end with a period. [Lesson overview items must be statements, not questions, and must begin with a capital letter and end with a period.] [Context: "What is client-side routing?"] https://github.com/TheOdinProject/curriculum/blob/main/markdownlint/docs/TOP009.md
- How do you use React Router to do client-side routing?

Check failure on line 10 in react/the_react_ecosystem/react_router.md

View workflow job for this annotation

GitHub Actions / Lint lesson files

Lesson overview items must be statements, not questions, and must begin with a capital letter and end with a period. 

react/the_react_ecosystem/react_router.md:10 TOP009/lesson-overview-items-sentence-structure Lesson overview items must be statements, not questions, and must begin with a capital letter and end with a period. [Lesson overview items must be statements, not questions, and must begin with a capital letter and end with a period.] [Context: "How do you use React Router to do client-side routing?"] https://github.com/TheOdinProject/curriculum/blob/main/markdownlint/docs/TOP009.md
- How do you create nested and dynamic paths?

Check failure on line 11 in react/the_react_ecosystem/react_router.md

View workflow job for this annotation

GitHub Actions / Lint lesson files

Lesson overview items must be statements, not questions, and must begin with a capital letter and end with a period. 

react/the_react_ecosystem/react_router.md:11 TOP009/lesson-overview-items-sentence-structure Lesson overview items must be statements, not questions, and must begin with a capital letter and end with a period. [Lesson overview items must be statements, not questions, and must begin with a capital letter and end with a period.] [Context: "How do you create nested and dynamic paths?"] https://github.com/TheOdinProject/curriculum/blob/main/markdownlint/docs/TOP009.md
- How do you add a "catch-all" route?

Check failure on line 12 in react/the_react_ecosystem/react_router.md

View workflow job for this annotation

GitHub Actions / Lint lesson files

Lesson overview items must be statements, not questions, and must begin with a capital letter and end with a period. 

react/the_react_ecosystem/react_router.md:12 TOP009/lesson-overview-items-sentence-structure Lesson overview items must be statements, not questions, and must begin with a capital letter and end with a period. [Lesson overview items must be statements, not questions, and must begin with a capital letter and end with a period.] [Context: "How do you add a "catch-all" route?"] https://github.com/TheOdinProject/curriculum/blob/main/markdownlint/docs/TOP009.md
- How do you pass data from a parent to any child components rendered via an outlet?

Check failure on line 13 in react/the_react_ecosystem/react_router.md

View workflow job for this annotation

GitHub Actions / Lint lesson files

Lesson overview items must be statements, not questions, and must begin with a capital letter and end with a period. 

react/the_react_ecosystem/react_router.md:13 TOP009/lesson-overview-items-sentence-structure Lesson overview items must be statements, not questions, and must begin with a capital letter and end with a period. [Lesson overview items must be statements, not questions, and must begin with a capital letter and end with a period.] [Context: "How do you pass data from a parent to any child components rendered via an outlet?"] https://github.com/TheOdinProject/curriculum/blob/main/markdownlint/docs/TOP009.md
- How do you add protected routes?

Check failure on line 14 in react/the_react_ecosystem/react_router.md

View workflow job for this annotation

GitHub Actions / Lint lesson files

Lesson overview items must be statements, not questions, and must begin with a capital letter and end with a period. 

react/the_react_ecosystem/react_router.md:14 TOP009/lesson-overview-items-sentence-structure Lesson overview items must be statements, not questions, and must begin with a capital letter and end with a period. [Lesson overview items must be statements, not questions, and must begin with a capital letter and end with a period.] [Context: "How do you add protected routes?"] https://github.com/TheOdinProject/curriculum/blob/main/markdownlint/docs/TOP009.md

### Client-side routing

Expand Down Expand Up @@ -233,7 +233,7 @@
export default Profile;
```

Check out the `/profile`, `/profile/popeye` and `/profile/spinach` pages. The `<Outlet />` component gets replaced with the children component when their paths are visited.
Check out the `/profile` page. To visit `/profile/popeye` or `/profile/spinach` pages, manually add `/popeye` or `/spinach` to the end of the current URL. The `<Outlet />` component gets replaced with the children component when their paths are visited.

If you want to render something as a default component when no path is added to Profile, you can add an index route to the children!

Expand Down
Loading