Free Test Component Reusability – REACT

Q1: What is component reusability in React?

A. Using a component once only B. Sharing state between unrelated components C. Using a component multiple times across the app D. Avoiding components altogether

Q2: Which feature of React promotes component reusability?

A. JSX syntax B. Component-based architecture C. useEffect hook D. setState function

Q3: Which of the following is a reusable functional component?

A. <Header /> B. <script> C. <div> D. <body>

Q4: Props in React are used to?

A. Create new states B. Reuse logic in class components C. Pass data to components D. Style components

Q5: What is the best practice for reusable components?

A. Hardcoding values B. Using inline CSS C. Parameterizing with props D. Avoiding child components

Q6: Which hook helps with reusing stateful logic?

A. useEffect B. useMemo C. useRef D. Custom Hooks

Q7: Reusable components should be?

A. Specific to one page B. Large and complex C. Generic and configurable D. Dependent on global variables

Q8: Which folder is typically used to store reusable components?

A. utils B. components C. hooks D. assets

Q9: What is the advantage of reusable components?

A. Code duplication B. Harder debugging C. Better maintainability D. Increased file size

Q10: In React, lifting state up promotes reusability by?

A. Centralizing logic in reusable parent components B. Duplicating logic C. Adding more states D. Creating global variables

Q11: Which approach improves component reusability?

A. Avoiding composition B. Using global variables C. Using composition and props D. Keeping state in DOM

Q12: Reusable components should avoid which of the following?

A. Accepting props B. Returning JSX C. Hardcoded styles and values D. Children props

Q13: Which pattern helps in writing reusable component logic?

A. Render props B. Global functions C. Inline events D. Class inheritance

Q14: What makes a component reusable?

A. Coupling it tightly with specific data B. Decoupling logic and presentation C. Avoiding use of props D. Rendering static content

Q15: Which concept helps you reuse layout and behavior?

A. Fragment B. Higher-Order Components (HOC) C. useState D. StrictMode

Q16: What should a reusable component avoid?

A. Accepting props B. Single responsibility C. Specific styling and behavior D. Children as props

Q17: Can event handlers be reused across components?

A. No, they must be defined separately B. Yes, by passing them via props or shared functions C. Only in class components D. Only if using Redux

Q18: Why should you keep components small for reusability?

A. To avoid compilation issues B. To make them more readable and testable C. To improve network speed D. To reduce memory usage

Q19: How can you reuse styles across components?

A. With useState B. Using props C. Using CSS modules or styled-components D. Using localStorage

Q20: What is the role of default props in reusability?

A. They prevent reuse B. They allow setting fallback values C. They increase complexity D. They restrict behavior

Quiz for Component Reusability