Module Quiz :React Basics (Meta iOS Developer Professional Certificate) Answers 2026
Question 1
Why is React using the concept of components?
✅ It allows you to build more modular apps.
❌ It allows the browser to render your pages faster.
❌ It helps accessibility readers for people who are visually impaired.
❌ It improves the styling of your pages.
Explanation:
Components React apps ko reusable, modular aur maintainable banate hain.
Question 2
What is the absolute minimum code that a component must have to be able to show something on a screen when rendered?
❌ A named function declaration and an array of items inside of the function’s body.
✅ A named function declaration and a return statement with at least a single element with some text inside of it.
❌ A named function declaration and some variables in the function’s body.
❌ A named function declaration.
Explanation:
UI dikhane ke liye component ko return me JSX dena hi padega.
Question 3
What are the benefits of using props?
❌ Props allow developers to write custom HTML tags.
✅ Props allow parent components to pass data to children components.
❌ Props allow children components to update the values of each prop independent from their parent component.
Explanation:
Props one-way data flow follow karte hain: parent → child.
Question 4
Choose the preferred component structure.
❌ Single App component only
❌ Separate component for each small element
✅ Header, Main, Product, Footer (Product rendered 3 times in Main)
Explanation:
Yeh structure clean, reusable aur scalable hota hai.
Question 5
Which keywords can you usually find in a React component?
❌ modular, expression, prop, default
❌ function, props, export, import, contain
❌ module, function, prop, exported, default
✅ function, props, return, export, default
Question 6
What is create-react-app?
❌ Stand-alone web application
❌ Command inside a component
❌ Command to serve app
✅ An npm package used to build a boilerplate React app.
Question 7
Correct command to create a new React app named example?
❌ npm initialize react-app example
❌ node init react-app example
❌ npm install react-app example
✅ npm init react-app example
Question 8
Arrow functions & parentheses (multiple parameters)?
✅ True
❌ False
Explanation:
Multiple parameters → parentheses required.
Question 9
Can you use function calls in JSX?
✅ True
❌ False
Explanation:
JSX ke andar {functionName()} valid hota hai.
Question 10
Single parameter arrow function needs parentheses?
✅ True
❌ False
Explanation:
Single parameter me parentheses optional hote hain.
🧾 Summary Table
| Q | Correct Answer | Key Concept |
|---|---|---|
| 1 | Modular apps | Components |
| 2 | Function + return JSX | Rendering |
| 3 | Parent → Child data | Props |
| 4 | Header–Main–Product–Footer | Component structure |
| 5 | function, props, return | React syntax |
| 6 | npm package | create-react-app |
| 7 | npm init react-app example | App setup |
| 8 | True | Arrow functions |
| 9 | True | JSX |
| 10 | True | Arrow syntax |