From 71b2b31061989e8c8d699d79667cd0469d18645e Mon Sep 17 00:00:00 2001 From: MONK <169875752+DevNChill@users.noreply.github.com> Date: Sun, 3 Nov 2024 23:13:58 +0530 Subject: [PATCH] Corrected overview of some lessons --- .../class_components/component_lifecycle_methods.md | 2 +- react/getting_started_with_react/keys_in_react.md | 4 ++-- .../getting_started_with_react/react_components.md | 6 +++--- react/introduction/introduction_to_react.md | 2 +- .../how_to_deal_with_side_effects.md | 8 ++++---- react/the_react_ecosystem/react_router.md | 13 ++++++------- .../styling_react_applications.md | 2 +- 7 files changed, 18 insertions(+), 19 deletions(-) diff --git a/react/class_components/component_lifecycle_methods.md b/react/class_components/component_lifecycle_methods.md index e9976e45e51..485cc4429fb 100644 --- a/react/class_components/component_lifecycle_methods.md +++ b/react/class_components/component_lifecycle_methods.md @@ -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() diff --git a/react/getting_started_with_react/keys_in_react.md b/react/getting_started_with_react/keys_in_react.md index 2677abdf4ec..d7d709a326e 100644 --- a/react/getting_started_with_react/keys_in_react.md +++ b/react/getting_started_with_react/keys_in_react.md @@ -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? diff --git a/react/getting_started_with_react/react_components.md b/react/getting_started_with_react/react_components.md index d1a5c8c015b..e71d7efe60b 100644 --- a/react/getting_started_with_react/react_components.md +++ b/react/getting_started_with_react/react_components.md @@ -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. +- Find where do components reside in a React project. ### What are components? diff --git a/react/introduction/introduction_to_react.md b/react/introduction/introduction_to_react.md index 4b77af4b93a..8232cbfe0f2 100644 --- a/react/introduction/introduction_to_react.md +++ b/react/introduction/introduction_to_react.md @@ -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. 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. diff --git a/react/states_and_effects/how_to_deal_with_side_effects.md b/react/states_and_effects/how_to_deal_with_side_effects.md index 8819bf607bb..88df67a6ca4 100644 --- a/react/states_and_effects/how_to_deal_with_side_effects.md +++ b/react/states_and_effects/how_to_deal_with_side_effects.md @@ -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 diff --git a/react/the_react_ecosystem/react_router.md b/react/the_react_ecosystem/react_router.md index 4f7d66f0070..1c0690908d5 100644 --- a/react/the_react_ecosystem/react_router.md +++ b/react/the_react_ecosystem/react_router.md @@ -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. ### Client-side routing 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. diff --git a/react/the_react_ecosystem/styling_react_applications.md b/react/the_react_ecosystem/styling_react_applications.md index 44a1a6636d3..d31e6be2505 100644 --- a/react/the_react_ecosystem/styling_react_applications.md +++ b/react/the_react_ecosystem/styling_react_applications.md @@ -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