Skip to content

Commit

Permalink
Corrected overview of some lessons
Browse files Browse the repository at this point in the history
  • Loading branch information
@devnchill
devnchill committed Nov 3, 2024
1 parent 78b0e78 commit 71b2b31
Show file tree
Hide file tree
Showing 7 changed files with 18 additions and 19 deletions.
2 changes: 1 addition & 1 deletion react/class_components/component_lifecycle_methods.md
View file
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
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 are keys and their need in React.
- 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
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 Reach components.
- Understand how to create Components.

Check failure on line 10 in react/getting_started_with_react/react_components.md

View workflow job for this annotation

GitHub Actions / Lint lesson files

Trailing spaces 

react/getting_started_with_react/react_components.md:10:39 MD009/no-trailing-spaces Trailing spaces [Expected: 0 or 2; Actual: 1] https://github.com/DavidAnson/markdownlint/blob/v0.32.1/doc/md009.md
- Find where do components reside in a React project.

Check failure on line 11 in react/getting_started_with_react/react_components.md

View workflow job for this annotation

GitHub Actions / Lint lesson files

Trailing spaces 

react/getting_started_with_react/react_components.md:11:54 MD009/no-trailing-spaces Trailing spaces [Expected: 0 or 2; Actual: 1] https://github.com/DavidAnson/markdownlint/blob/v0.32.1/doc/md009.md

### What are components?

Expand Down
2 changes: 1 addition & 1 deletion react/introduction/introduction_to_react.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ This section contains a general overview of topics that you will learn in this l

- Understand what React is

Check failure on line 9 in react/introduction/introduction_to_react.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/introduction/introduction_to_react.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: "Understand what React is"] https://github.com/TheOdinProject/curriculum/blob/main/markdownlint/docs/TOP009.md

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

Check failure on line 11 in react/introduction/introduction_to_react.md

View workflow job for this annotation

GitHub Actions / Lint lesson files

Trailing punctuation in heading 

react/introduction/introduction_to_react.md:11:49 MD026/no-trailing-punctuation Trailing punctuation in heading [Punctuation: '.'] https://github.com/DavidAnson/markdownlint/blob/v0.32.1/doc/md026.md

According to the [React](https://react.dev/) website, React is "The library for web and native interfaces." However, let's break this down a bit further.

Expand Down
8 changes: 4 additions & 4 deletions react/states_and_effects/how_to_deal_with_side_effects.md
View file
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
13 changes: 6 additions & 7 deletions react/the_react_ecosystem/react_router.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,13 +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.

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

View workflow job for this annotation

GitHub Actions / Lint lesson files

Lists should be surrounded by blank lines 

react/the_react_ecosystem/react_router.md:14 MD032/blanks-around-lists Lists should be surrounded by blank lines [Context: "- Understand how to implement ..."] https://github.com/DavidAnson/markdownlint/blob/v0.32.1/doc/md032.md
### Client-side routing

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

View workflow job for this annotation

GitHub Actions / Lint lesson files

Headings should be surrounded by blank lines 

react/the_react_ecosystem/react_router.md:15 MD022/blanks-around-headings Headings should be surrounded by blank lines [Expected: 1; Actual: 0; Above] [Context: "### Client-side routing"] https://github.com/DavidAnson/markdownlint/blob/v0.32.1/doc/md022.md

Client-side routing is the type of routing where JavaScript takes over the duty of handling the routes in an application. Client-side routing helps in building single-page applications (SPAs) without refreshing as the user navigates. For example, when a user clicks a navbar element, the URL changes and the view of the page is modified accordingly, within the client.
Expand Down
2 changes: 1 addition & 1 deletion react/the_react_ecosystem/styling_react_applications.md
View file
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

0 comments on commit 71b2b31

Please sign in to comment.