Quiz for Context API

Q1: What is the primary purpose of React Context API?

A. To share state globally across components B. To fetch data from API C. To style components D. To manage routing

Q2: How do you create a context?

A. React.createContext() B. React.useContext() C. React.useState() D. React.createStore()

Q3: What hook is used to consume context in functional components?

A. useContext B. useState C. useEffect D. useReducer

Q4: What is a Provider in Context API?

A. A component that supplies context value to children B. A consumer component C. A state hook D. A reducer

Q5: How do you pass data using Context Provider?

A. Using value prop B. Using children prop C. Using state D. Using reducer

Q6: What happens if a component consuming context is not wrapped by Provider?

A. It uses the default context value B. Throws error C. Renders null D. Component crashes

Q7: Can Context API replace Redux for all apps?

A. Not always, good for simple state sharing B. Yes, always C. No, never D. Only for styling

Q8: Is it recommended to store large datasets in Context?

A. No, can cause performance issues B. Yes, always C. Only with useReducer D. Only for static data

Q9: How can you optimize performance with Context API?

A. Split context into multiple smaller contexts B. Use one big context C. Avoid Provider D. Use Redux

Q10: How do you update context value?

A. Update value in Provider component state B. Update value in Consumer C. Directly in context object D. Use a setter hook

Q11: Which React feature allows Context consumers to re-render on context changes?

A. Context subscription via useContext or Consumer B. useState hook C. useEffect hook D. Memoization

Q12: Can you have multiple Providers for the same context?

A. Yes, Providers can be nested B. No C. Only one per app D. Only one per component

Q13: Is it possible to use Context in class components?

A. Yes, using Context.Consumer or static contextType B. No C. Only functional components D. Only with hooks

Q14: What does static contextType do in class components?

A. It assigns a context object to this.context B. Binds methods C. Manages state D. Handles props

Q15: How do you avoid prop drilling with Context?

A. Provide data at top level Provider B. Pass props manually C. Use Redux D. Use event handlers

Q16: What is a drawback of using Context extensively?

A. Can cause excessive re-renders B. No drawbacks C. Breaks routing D. Causes memory leaks

Q17: Which React method can help prevent unnecessary renders with Context?

A. React.memo B. useCallback C. useEffect D. useRef

Q18: Can you pass functions via Context?

A. Yes, functions can be passed as values B. No, only data C. Only constants D. Only strings

Q19: How does useContext differ from Consumer?

A. useContext is a hook; Consumer is a render prop B. No difference C. useContext only for class D. Consumer only for hooks

Q20: Is context designed for frequent updates?

A. No, better for low-frequency state sharing B. Yes, for all updates C. Only for styles D. Only for routing