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

Welcome to 30 Days Of React

@@ -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 = () =>

Welcome to 30 Days Of React

@@ -117,7 +117,7 @@ export default const App = () =>

Welcome to 30 Days Of React

```js // src/App.js -import React from 'react +import React from 'react' // export default in arrow function export default function App () { return

Welcome to 30 Days Of React

@@ -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 = () =>

Welcome to 30 Days Of React

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 30 Days Of React App - +