updated

Author: AdarshRazor

ReactJS/Interview/100_React_Question/2.Basics-2.md

@@ -96,7 +96,7 @@ React provides reusability and composition through its `component-based architec
 ## Q9. What are State, Stateless, Stateful and State Management terms?
 
 * `state` refers to the current state of the component.
-* `Stateful` or `state management` refers to, when a user performs some actions on the UI, then the Reat application should be able to **update andre-render that data or state** on the UI.
+* `Stateful` or `state management` refers to, when a user performs some actions on the UI, then the React application should be able to **update and re-render that data or state** on the UI.
 
     ```javascript
     import React from 'react';

ReactJS/Interview/100_React_Question/3.Files_Folder.md

@@ -2,11 +2,11 @@
 
 ## Q1. What is NPM? What is the role of node_modules folder? `V. IMP.`
 
-NPM (Node Package Manaher) is ised to manage the `dependencies` for your React project. including the `React library` itself.
+NPM (Node Package Manaher) is used to manage the `dependencies` for your React project. including the `React library` itself.
 
 ## Q2. What is the role of public folder in React?  
 
-Public folder contains `static assets` that are served directly to the user's browser, such as images, fonts andthe index.html file.
+Public folder contains `static assets` that are served `directly` to the user's browser, such as `images, fonts and the index.html` file.
 
 ## Q3. What is the role of src folder in React?  
 
@@ -89,6 +89,11 @@ src folder is used to `store all the source code` of the  application which is t
 
 * However, it is recommended to keep them same for easier to organize and understand your code.
 
+<hr>
+
+[Previous](./2.Basics-2.md): React Basic II <br>
+[Next](./4.JSX.md): JSX
+
 <!---
 Adarsh 
 28th July 2024

ReactJS/Interview/100_React_Question/4.JSX.md

@@ -22,7 +22,7 @@
 
 ## Q3. What is Babel?
 
-`Babel` in React is used to trabspile JSX syntax into reglar JavaScript which browser can understand.
+`Babel` in React is used to transpile JSX syntax into reglar JavaScript which browser can understand.
 
 ## Q4. What is the role of Fragment in JSX? `V. IMP.`
 
@@ -51,6 +51,7 @@ const props = {name: 'Hello', noun: 'World'};
 return(
     <>
         <ChildComponent {...props}>
+        {/*<ChildComponent {props}> ❌*/}
     </>
 )
 ```
@@ -111,16 +112,20 @@ function MyComponent() {
 
 ```javascript
 function App() {
-    const numbers = [1,2,3,4,5];
+    const numbers = [1, 2, 3, 4, 5];
 
     return (
         <>
             {
-                number.map((number)=>(number * 2))
+                numbers.map((number) => (
+                    <div key={number}>{number * 2}</div>
+                ))
+                // 2 4 6 8 10
             }
         </>
     );
 }
+
 ```
 
 > A callback function is a function passed as an argument to another function, which is then invoked within the outer function to complete a specific task.
@@ -147,6 +152,11 @@ function App() {
 
 * However, this is not recommended since JSX is tightly integrated with React and relies on many React-specific features.
 
+<hr>
+
+[Previous](./3.Files_Folder.md): File and Folder <br>
+[Next](./5.Components_Functional.md): Components (Function & Class)
+
 <!---
 Adarsh 
 28th July 2024

ReactJS/Interview/100_React_Question/5.Components_Functional.md

@@ -32,7 +32,7 @@ Types of Components:
 
 * Functional components are declared as **Javascript function**
 
-* They are `stateless components`, but with the help of hoooks, they can now manage state also.
+* They are `stateless components`, but with the help of hooks, they can now manage state also.
 
 **Class based Components**
 
@@ -72,7 +72,7 @@ Data is passed down through each component.
 function PropParent() {
   return (
     <div>
-      <PropChild message={'data'} />
+      <PropChild message={"data"} />
     </div>
   );
 }