From 708c5628767a031d3355d465446f1b3cfc62cb59 Mon Sep 17 00:00:00 2001
From: reiuyuu <reiuyuu@gmail.com>
Date: Wed, 9 Nov 2022 14:18:59 +0800
Subject: [PATCH] Fix tons of typos.

---
 .../10_react_project_folder_structure.md      | 10 ++--
 11_Day_Events/11_events.md                    |  2 +-
 12_Day_Forms/12_forms.md                      |  2 +-
 .../13_uncontrolled_input.md                  |  2 +-
 .../15_third_party_packages.md                | 50 +++++++++----------
 18_Fetch_And_Axios/18_fetch_axios.md          |  2 +-
 19_projects/19_projects.md                    |  2 +-
 20_projects/20_projects.md                    |  2 +-
 21_Introducing_Hooks/21_introducing_hooks.md  |  2 +-
 27_Ref/27_ref.md                              |  2 +-
 28_project/28_project.md                      |  4 +-
 29_explore/29_explore.md                      |  2 +-
 12 files changed, 41 insertions(+), 41 deletions(-)
diff --git a/10_React_Project_Folder_Structure/10_react_project_folder_structure.md b/10_React_Project_Folder_Structure/10_react_project_folder_structure.md
index a49aeb0..f2117d6 100644
--- a/10_React_Project_Folder_Structure/10_react_project_folder_structure.md
+++ b/10_React_Project_Folder_Structure/10_react_project_folder_structure.md
@@ -86,7 +86,7 @@ Exporting in a function declaration, a regular function
 
 ```js
 // src/App.js
-import React from 'react
+import React from 'react'
 // named export in regular function, function declaration
 export function App () {
 return <h1>Welcome to 30 Days Of React</h1>
@@ -109,7 +109,7 @@ We saw a named export and now let's implement it with default export. We can do
 
 ```js
 // src/App.js
-import React from 'react
+import React from 'react'
 // export default in arrow function
 export default const App = () => <h1>Welcome to 30 Days Of React</h1>
 
@@ -117,7 +117,7 @@ export default const App = () => <h1>Welcome to 30 Days Of React</h1>
 
 ```js
 // src/App.js
-import React from 'react
+import React from 'react'
 // export default in arrow function
 export default function App () {
   return <h1>Welcome to 30 Days Of React</h1>
@@ -127,7 +127,7 @@ export default function App () {
 ```js
 // src/App.js
 // Recommended for most of the cases
-import React from 'react
+import React from 'react'
 const App = () => <h1>Welcome to 30 Days Of React</h1>
 export default App
 ```
@@ -605,7 +605,7 @@ Well done. Time to do some exercises for your brain and muscles.
 
 1. What is the importance of React Folder Structure and File Naming
 2. How do you export file
-3. How do you  import file
+3. How do you import file
 4. Make a component of module and export it as named or default export
 5. Make a component or module and import it
 6. Change all the components you have to different folder structure
diff --git a/11_Day_Events/11_events.md b/11_Day_Events/11_events.md
index 66b9313..5444bad 100644
--- a/11_Day_Events/11_events.md
+++ b/11_Day_Events/11_events.md
@@ -48,7 +48,7 @@ Event handling in HTML
     <title>30 Days Of React App</title>
   </head>
   <body>
-    <button>onclick="greetPeople()">Greet People</button>
+    <button onclick="greetPeople()">Greet People</button>
     <script>
       const greetPeople = () => {
         alert('Welcome to 30 Days Of React Challenge')
diff --git a/12_Day_Forms/12_forms.md b/12_Day_Forms/12_forms.md
index c9b5978..0aaae04 100644
--- a/12_Day_Forms/12_forms.md
+++ b/12_Day_Forms/12_forms.md
@@ -308,7 +308,7 @@ class App extends React.Component {
         skills: { ...this.state.skills, [name]: checked },
       })
     } else if (type === 'file') {
-      console.log(type, 'cehck here')
+      console.log(type, 'check here')
       this.setState({ [name]: e.target.files[0] })
     } else {
       this.setState({ [name]: value })
diff --git a/13_Day_Controlled_Versus_Uncontrolled_Input/13_uncontrolled_input.md b/13_Day_Controlled_Versus_Uncontrolled_Input/13_uncontrolled_input.md
index f9149db..17db343 100644
--- a/13_Day_Controlled_Versus_Uncontrolled_Input/13_uncontrolled_input.md
+++ b/13_Day_Controlled_Versus_Uncontrolled_Input/13_uncontrolled_input.md
@@ -14,7 +14,7 @@
 
 </div>
 
-[<< Day 12](../12_Day_Forms/12_forms.md) | [Day 14 >>]()
+[<< Day 12](../12_Day_Forms/12_forms.md) | [Day 14 >>](../14_Day_Component_Life_Cycles/14_component_life_cycles.md)
 
 ![30 Days of React banner](../images/30_days_of_react_banner_day_13.jpg)
 
diff --git a/15_Third_Party_Packages/15_third_party_packages.md b/15_Third_Party_Packages/15_third_party_packages.md
index 991f5fb..87547dc 100644
--- a/15_Third_Party_Packages/15_third_party_packages.md
+++ b/15_Third_Party_Packages/15_third_party_packages.md
@@ -94,17 +94,17 @@ header {
 ```js
 // Header.js
 import React from 'react'
-import './styles/header.scss
-const Header = () = (
-   <header>
-          <div className='header-wrapper'>
-            <h1>30 Days Of React</h1>
-            <h2>Getting Started React</h2>
-            <h3>JavaScript Library</h3>
-            <p>Instructor: Asabeneh Yetayeh</p>
-            <small>Oct 15, 2020</small>
-          </div>
-        </header>
+import './styles/header.scss'
+const Header = () => (
+  <header>
+    <div className='header-wrapper'>
+      <h1>30 Days Of React</h1>
+      <h2>Getting Started React</h2>
+      <h3>JavaScript Library</h3>
+      <p>Instructor: Asabeneh Yetayeh</p>
+      <small>Oct 15, 2020</small>
+    </div>
+  </header>
 )
 
 export default Header
@@ -160,19 +160,19 @@ Naming:
 ```js
 // Header.js
 import React from 'react'
-import headerStyles from  './styles/header.module.scss
+import headerStyles from './styles/header.module.scss'
 // We can all destructure the class name
-const {header, headerWrapper} = headerStyles
-const Header = () = (
-   <header className = {headerStyles.header}>
-          <div className={headerStyles.headerWrapper}>
-            <h1>30 Days Of React</h1>
-            <h2>Getting Started React</h2>
-            <h3>JavaScript Library</h3>
-            <p>Instructor: Asabeneh Yetayeh</p>
-            <small>Oct 15, 2020</small>
-          </div>
-        </header>
+const { header, headerWrapper } = headerStyles
+const Header = () => (
+  <header className={headerStyles.header}>
+    <div className={headerStyles.headerWrapper}>
+      <h1>30 Days Of React</h1>
+      <h2>Getting Started React</h2>
+      <h3>JavaScript Library</h3>
+      <p>Instructor: Asabeneh Yetayeh</p>
+      <small>Oct 15, 2020</small>
+    </div>
+  </header>
 )
 
 export default Header
@@ -183,13 +183,13 @@ export default Header
 
 import React, { Component } from 'react'
 import ReactDOM from 'react-dom'
-import './styles/header.scss
+import './styles/header.scss'
 
 class App extends Component {
   render() {
     return (
       <div className='App'>
-       <Header />
+        <Header />
       </div>
     )
   }
diff --git a/18_Fetch_And_Axios/18_fetch_axios.md b/18_Fetch_And_Axios/18_fetch_axios.md
index 1347430..34a2844 100644
--- a/18_Fetch_And_Axios/18_fetch_axios.md
+++ b/18_Fetch_And_Axios/18_fetch_axios.md
@@ -14,7 +14,7 @@
 
 </div>
 
-[<< Day 17](../17_React_Router/17_react_router.md) | [Day 19>>]()
+[<< Day 17](../17_React_Router/17_react_router.md) | [Day 19>>](../19_projects/19_projects.md)
 
 ![30 Days of React banner](../images/30_days_of_react_banner_day_18.jpg)
 
diff --git a/19_projects/19_projects.md b/19_projects/19_projects.md
index 7f0c0ba..f989dbc 100644
--- a/19_projects/19_projects.md
+++ b/19_projects/19_projects.md
@@ -14,7 +14,7 @@
 
 </div>
 
-[<< Day 18](../18_Fetch_And_Axios/18_fetch_axios.md) | [Day 20>>]()
+[<< Day 18](../18_Fetch_And_Axios/18_fetch_axios.md) | [Day 20>>](../20_projects/20_projects.md)
 
 ![30 Days of React banner](../images/30_days_of_react_banner_day_19.jpg)
 
diff --git a/20_projects/20_projects.md b/20_projects/20_projects.md
index 06e33e2..6a002e3 100644
--- a/20_projects/20_projects.md
+++ b/20_projects/20_projects.md
@@ -14,7 +14,7 @@
 
 </div>
 
-[<< Day 19](../19_projects/19_projects.md) | [Day 21>>]()
+[<< Day 19](../19_projects/19_projects.md) | [Day 21>>](../21_Introducing_Hooks/21_introducing_hooks.md)
 
 ![30 Days of React banner](../images/30_days_of_react_banner_day_20.jpg)
 
diff --git a/21_Introducing_Hooks/21_introducing_hooks.md b/21_Introducing_Hooks/21_introducing_hooks.md
index 5a04e77..e240656 100644
--- a/21_Introducing_Hooks/21_introducing_hooks.md
+++ b/21_Introducing_Hooks/21_introducing_hooks.md
@@ -14,7 +14,7 @@
 
 </div>
 
-[<< Day 20](../20_projects/20_projects.md) | [Day 22>>]()
+[<< Day 20](../20_projects/20_projects.md) | [Day 22>>](../22_Form_Using_Hooks/22_form_using_hooks.md)
 
 ![30 Days of React banner](../images/30_days_of_react_banner_day_21.jpg)
 
diff --git a/27_Ref/27_ref.md b/27_Ref/27_ref.md
index 421a00f..eb50e55 100644
--- a/27_Ref/27_ref.md
+++ b/27_Ref/27_ref.md
@@ -14,7 +14,7 @@
 
 </div>
 
-[<< Day 25](../25_Custom_Hooks/25_custom_hooks.md) | [Day 27>>]()
+[<< Day 26](../26_Context/26_context.md) | [Day 28>>](../28_project/28_project.md)
 
 ![30 Days of React banner](../images/30_days_of_react_banner_day_27.jpg)
 
diff --git a/28_project/28_project.md b/28_project/28_project.md
index 2ea4be3..6e8705d 100644
--- a/28_project/28_project.md
+++ b/28_project/28_project.md
@@ -14,7 +14,7 @@
 
 </div>
 
-[<< Day 27](../27_Ref/27_ref.md) | [Day 29>>]()
+[<< Day 27](../27_Ref/27_ref.md) | [Day 29>>](../29_explore/29_explore.md)
 
 ![30 Days of React banner](../images/30_days_of_react_banner_day_28.jpg)
 
@@ -29,7 +29,7 @@ In this section, you and I will develop an old version of twitter post.
 
 # Exercises
 
-1. Develop the following application, [twitter tweets](https://www.30daysofreact.com/day-28/twitter-clone). The application has all the CRUD operations. 
+1. Develop the following application, [twitter tweets](https://www.30daysofreact.com/day-28/twitter-clone). The application has all the CRUD operations.
 
 🎉 CONGRATULATIONS ! 🎉
 
diff --git a/29_explore/29_explore.md b/29_explore/29_explore.md
index 412467e..9e9b97a 100644
--- a/29_explore/29_explore.md
+++ b/29_explore/29_explore.md
@@ -14,7 +14,7 @@
 
 </div>
 
-[<< Day 28](../27_Ref/27_ref.md) | [Day 29 >>](../29_explore/29_explore.md)
+[<< Day 28](../27_Ref/27_ref.md) | [Day 30 >>](../30_conclusions/30_conclusions.md)
 
 ![30 Days of React banner](../images/30_days_of_react_banner_day_29.jpg)
 
