Quiz for Component Reusability

Q1: What is component reusability in React?

A. Using the same function multiple times B. Writing code in multiple files C. Reusing components across different parts of an application D. Copy-pasting code between components

Q2: Which feature of React enables reusability?

A. Hooks B. Virtual DOM C. JSX D. Components

Q3: What helps in making components more reusable?

A. Hardcoded data B. Using props C. Inline styles D. Large monolithic files

Q4: How can we pass dynamic data to reusable components?

A. Using useState B. Using variables C. Using props D. Using loops

Q5: What kind of component is easiest to reuse?

A. Stateful component B. Stateless functional component C. Class component D. None

Q6: Why should we avoid tightly coupled components?

A. They are fast B. They are simple C. They are hard to reuse D. They are deprecated

Q7: What is a prop in React?

A. A way to manage component state B. A reusable hook C. A mechanism to pass data to components D. An error handler

Q8: Which design principle promotes reusability?

A. DRY - Don’t Repeat Yourself B. WET - Write Everything Twice C. KISS - Keep It Simple D. SOLID - React only

Q9: Which component type is best suited for UI-only logic?

A. Class component B. Higher-order component C. Stateless functional component D. Context component

Q10: Which technique increases component reusability?

A. Hardcoding text B. Handling events inline C. Using children props D. Writing long JSX

Q11: What does the children prop represent?

A. State data B. Event handler C. Nested JSX content D. Props merging

Q12: How can we reuse component logic without changing UI?

A. Using inline styles B. Using HOC (Higher-Order Components) C. Using nested classes D. By duplicating code

Q13: Which is better for reusability?

A. Coupled logic and UI B. Separation of concerns C. Hardcoded layout D. Long conditionals in render

Q14: Can hooks be reused?

A. Yes, via custom hooks B. No, they are static C. Only in class components D. Hooks cannot be reused

Q15: What should be avoided to increase reusability?

A. Short names B. Long render methods C. Props drilling D. Tight coupling

Q16: What makes a component highly reusable?

A. State-dependent logic B. Limited styling C. Generic design with props D. Usage of refs

Q17: Which of the following can help to compose reusable components?

A. Fragments B. Props C. JSX D. All of the above

Q18: Which of the following is NOT a reusable pattern?

A. HOC B. Render props C. Custom hook D. Inline JSX logic duplication

Q19: Why should reusable components avoid direct DOM manipulation?

A. It is slow B. It increases complexity C. It breaks React's abstraction D. All of the above

Q20: Which feature supports conditional rendering in reusable components?

A. Switch statements B. Loops C. Ternary expressions in JSX D. HTML templates