Concept Cards
Front: "What is a React Hook?"
Back: Functions that let you use state and lifecycle features in functional components. Must start with 'use'. Examples: useState
, useEffect
, useContext
.
Code Practice Cards
Front: "How do you create state in a React functional component?"
Back:
const [state, setState] = useState(initialValue);
const [count, setCount] = useState(0);
Debugging Cards
Front: "Why isn't my React component re-rendering when state changes?"
Back: Common causes: 1) Mutating state directly instead of using setState
, 2) Reference equality issues with objects/arrays, 3) Missing dependencies in useEffect
Application Cards
Front: "When should you use useEffect in React?"
Back: For side effects: API calls, subscriptions, timers, DOM manipulation. Runs after render. Use dependency array to control when it runs.