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

React : Fixed overview #29047

Merged
merged 3 commits into from
Nov 4, 2024
Merged

Conversation

devnchill
Copy link
Contributor

Because

Some overview points didn't abide the rules , this fixed them .

This PR

Issue

Closes #29039

Additional Information

Pull Request Requirements

  • [X ] I have thoroughly read and understand The Odin Project curriculum contributing guide
  • [X ] The title of this PR follows the location of change: brief description of change format, e.g. Intro to HTML and CSS lesson: Fix link text
  • [X ] The Because section summarizes the reason for this PR
  • [ X] The This PR section has a bullet point list describing the changes in this PR
  • [ X] If this PR addresses an open issue, it is linked in the Issue section
  • If any lesson files are included in this PR, they have been previewed with the Markdown preview tool to ensure it is formatted correctly
  • [ X] If any lesson files are included in this PR, they follow the Layout Style Guide

@github-actions github-actions bot added the Content: React Involves the React course label Nov 3, 2024
@MaoShizhong MaoShizhong self-requested a review November 3, 2024 18:40
Copy link
Contributor

@MaoShizhong MaoShizhong left a comment

Choose a reason for hiding this comment

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

Just some linting and small word fixes for grammar/flow, but otherwise thank you for sorting these out.

After you've made the changes below, could you also run the fix:lesson script on the "Introduction to React" file please? That should fix the remaining lint errors there.

@@ -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 are keys and their need in React.
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
- Learn what are keys and their need in React.
- Learn what keys are in React and why it needs them.

Comment on lines 9 to 11
- Learn about Reach components.
- Understand how to create Components.
- Find where do components reside in a React project.
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
- Learn about Reach components.
- Understand how to create Components.
- Find where do components reside in a React project.
- Learn about React components.
- Understand how to create components.
- Describe where components reside in a React project.

@@ -8,7 +8,7 @@ This section contains a general overview of topics that you will learn in this l

- Understand what React is
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 what React is
- Understand what React is.

@@ -8,7 +8,7 @@ This section contains a general overview of topics that you will learn in this l

- Understand what React is

### What is React?
### Get familiar with React and its key features.
Copy link
Contributor

Choose a reason for hiding this comment

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

This heading doesn't need changing, only the lesson overview item as above.

Suggested change
### Get familiar with React and its key features.
### What is React?

- 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

- 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.

@MaoShizhong MaoShizhong merged commit 2c2bfd7 into TheOdinProject:main Nov 4, 2024
2 checks passed
@devnchill devnchill deleted the overviewCorrection branch November 5, 2024 12:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Content: React Involves the React course
Projects
None yet
Development

Successfully merging this pull request may close these issues.

React (multiple): Some Lesson Overview items breaking TOP009 linting rule
2 participants