Video 48-1 Module Introduction, load countries using useEffect

Video 48-2 Display countries in a simple way, Folder Structure

Video 48-3 React Extension Pack and component with css file

Video 48-4 Components inside the folder structure and connect them

Video 48-5 Create child component and pass data via props

Video 48-6 (advanced) Pass multiple data to a child component

Video 48-7 (advanced) add unique key for mapping components

Video 48-8 Build your react app and host your react app in Netlify

Video 48-9 Module Summary and recap use bootstrap in React

Video 48-10 (bonus) Deploy rest countries to surge

QUIZ

Q1: Which snippet is used to make a react functional component?
Ans: rsc

Q2: const [count , setCount]=_____?_____(0) What should be written in the blank?
Ans: useState

Q3: Which of the following should you use to build your project?
Ans: npm run build

Q4: Which one of the following methods is mostly used to show data in UI from an array?
Ans: map

Q5: Which one is NOT a react hook?(google it)
Ans: useAffect

Q6: Where should you use the fetch method in React Application?
Ans: Inside of useEffect Hook

Q7: Why do we use the useState hook in a react component?
Ans: To set the loaded data from the API in a state variable

Q8: Why do we use different components?
Ans: To make codes cleaner, easy to use and easy to maintain, also easy to understand.

Q9:useEffect( () =>{ }, _____?_____ ); What should you usually put here
Ans: []

Q10: How will you send data as props in Country.js?
Ans: <Country data = {data} > </Country>