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

React : Fixed overview #29047

Merged
merged 3 commits into from
Nov 4, 2024
Merged

React : Fixed overview #29047

Show file tree
Hide file tree
Changes from 2 commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
71b2b31
Corrected overview of some lessons
devnchill Nov 3, 2024
d1a6723
Fix lint errors on overview corrections
devnchill Nov 4, 2024
5f477ec
changed projects to project
devnchill Nov 4, 2024
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/class_components/component_lifecycle_methods.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ We'll start with a short recap of what a components lifecycle is. There are thre

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

- How to use lifecycle methods in a class component
- Learn how to use lifecycle methods in a class component.

### render()

Expand Down
4 changes: 2 additions & 2 deletions react/getting_started_with_react/keys_in_react.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,8 @@ In this lesson, we will cover keys in React. Keys are special props for our comp

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

- What are keys and why does React need them?
- What are good and bad examples of keys?
- Learn what keys are in React and why it needs them.
- Identify examples of good and bad key usage in React applications.

### Why does React need keys?

Expand Down
6 changes: 3 additions & 3 deletions react/getting_started_with_react/react_components.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,9 +6,9 @@ In this lesson we'll be going over the basics of React components - what they do

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

- What are components?
- How are components created?
- Where do components live?
- Learn about React components.
- Understand how to create components.
- Describe where components reside in a React projects.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
- Describe where components reside in a React projects.
- Describe where components reside in a React project.


### What are components?

Expand Down
6 changes: 3 additions & 3 deletions react/introduction/introduction_to_react.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ This lesson will provide you with information on what React is, its brief histor

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

- Understand what React is
- Understand what React is.

### What is React?

Expand Down Expand Up @@ -50,13 +50,13 @@ To name a few reasons to learn React:

### Knowledge check

This section contains questions for you to check your understanding of this lesson on your own. If you’re having trouble answering a question, click it and review the material it links to.
The following questions are an opportunity to reflect on key topics in this lesson. If you can't answer a question, click on it to review the material, but keep in mind you are not expected to memorize or master this knowledge.

- [What is the purpose of React?](#what-is-react)
- [What are the benefits of using React?](#why-cover-react)

### Additional resources

This section contains helpful links to related content. It isn’t required, so consider it supplemental.
This section contains helpful links to related content. It isn't required, so consider it supplemental.

- If you are interested in learning more about React's history, check out this [documentary on React's origin story by Honeypot](https://www.youtube.com/watch?v=8pDqJVdNa44).
8 changes: 4 additions & 4 deletions react/states_and_effects/how_to_deal_with_side_effects.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,10 +10,10 @@ Similar to how we have the `useState` hook, React offers us a handy `useEffect`

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

- What are effects?
- How are effects used in React?
- What are the different parts of a `useEffect` hook?
- When should I use an effect?
- Understand what effects are in React.
- Learn how to use effects in React applications.
- Explore different parts of the useEffect hook.
- Identify when to use an effect in React.

### Using effect saves the day

Expand Down
12 changes: 6 additions & 6 deletions 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 @@ Up until this point in the curriculum, we have been building one-page applicatio

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

- What is client-side routing?
- How do you use React Router to do client-side routing?
- How do you create nested and dynamic paths?
- How do you add a "catch-all" route?
- How do you pass data from a parent to any child components rendered via an outlet?
- How do you add protected routes?
- Understand what client-side routing is.
- Learn how to use React Router for client-side routing.
- Explore how to create nested and dynamic paths in React Router.
- Discover how to add a 'catch-all' route in React Router.
- Learn how to pass data from a parent component to any child components rendered via an outlet.
- Understand how to implement protected routes in React Router.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
- Understand how to implement protected routes in React Router.
- Understand how to implement protected routes in React Router.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What's the correction here ? They both look the sasme 😓

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

There's a blank line after the list you accidentally removed.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Oh got it


### Client-side routing

Expand Down
2 changes: 1 addition & 1 deletion react/the_react_ecosystem/styling_react_applications.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ In the previous courses, you'll have learned a lot of CSS and all of those skill

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

- Know about ways to style React applications
- Know about ways to style React applications.

### CSS modules

Expand Down