How to use useContext for global state in React
· React
Learn how to create, provide, and consume React Context to share state across deeply nested components without prop drilling.
Category: React
50 questions in React.
What is useEffect and how do you use it for side effects?
· React
A deep dive into the useEffect hook for handling data fetching, subscriptions, and manual DOM manipulations safely.
How to handle events in React components
· React
Learn how React's synthetic event system works, how to bind handlers, and how to pass arguments to event callbacks.
What is the difference between controlled and uncontrolled components in React?
· React
Compare controlled and uncontrolled form components in React, and learn when to manage form values with state or refs.
How to conditionally render elements in React
· React
Explore techniques for conditional rendering in React, including ternary operators, logical AND, and early returns.
What is the React component lifecycle in functional components?
· React
Map the traditional class lifecycle to modern functional components using the useEffect hook for mount, update, and unmount logic.
How to manage local state with useState in React
· React
A practical guide to the useState hook, including initialization, updates, functional updates, and common pitfalls.
What are props in React and how do you pass them?
· React
Understand React props as the mechanism for passing data from parent to child components, including defaults and destructuring.
How to create and compose React components
· React
Learn the fundamentals of creating functional React components, passing props, and composing them into larger UIs.
What is JSX and how does it work in React?
· React
Understand JSX syntax, how it compiles to JavaScript, and the rules for embedding expressions and attributes.