Event Handling in React
Handle events like onClick and onChange, pass arguments to handlers, and understand SyntheticEvent.
Tutorials
Learn to Build
Practical programming tutorials and guides.
Ways to Do Conditional Rendering
Show UI conditionally in React using if/else, the ternary operator, and the && operator.
Lists and Keys - Building Dynamic UI
Render array data with .map() and understand why the "key" prop matters.
Forms and Controlled Components
Sync input fields with React state to build controlled forms, and manage multiple fields with a single handler.
Lifting State Up - Communication Between Components
When two sibling components need to share the same data, learn how to "lift" state up to a common parent.
The useEffect Hook - Handling Side Effects
Correctly manage side effects like API calls, timers, and subscriptions with useEffect.
The useRef Hook - DOM Access and Mutable Values
Access DOM elements with useRef and store values that don't trigger a re-render.
useContext and the Context API - Ending Prop Drilling
Use the Context API to share data across the component tree without passing props through every level.