Module Quiz :React Basics (Meta Front-End Developer Professional Certificate) Answers 2025
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.
2. Minimum code needed for a component to show something on screen
✔️ 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 an array of items…
❌ A named function declaration and some variables…
❌ A named function declaration.
3. 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.
4. Preferred component structure
❌ It should all fit into a single component.
❌ Separate component for each link, paragraph, etc.
✔️ Header, Main, Product, Footer (Product imported into Main 3 times)
5. Keywords usually found in a React component
❌ modular, expression, prop, default
❌ function, props, export, import, contain
❌ module, function, prop, exported, default
✔️ function, props, return, export, default
6. What is create-react-app?
❌ It’s a stand-alone app on the web.
❌ It’s a command inside a component.
❌ It’s a command to serve your app.
✔️ It’s an npm package used to build a boilerplate React app.
7. Correct command to build a new React app
❌ npm initialize react-app example
❌ node init react-app example
❌ npm install react-app example
✔️ npm init react-app example
8. Arrow functions parentheses rule
✔️ True. (Parentheses required except when exactly 1 parameter)
❌ False
9. Can you use function calls in JSX?
✔️ True
❌ False
10. Arrow function with single parameter → parentheses optional
✔️ True
❌ False
📘 Summary Table
| Q | Correct Answer |
|---|---|
| 1 | It allows you to build more modular apps. |
| 2 | Named function + return with element |
| 3 | Props let parent pass data to child |
| 4 | Header, Main, Product, Footer structure |
| 5 | function, props, return, export, default |
| 6 | npm package for boilerplate React app |
| 7 | npm init react-app example |
| 8 | True |
| 9 | True |
| 10 | True |