beginner
Conditional Rendering
Show different UI based on state, props, and logical conditions
JSX
JavaScript syntax extension for writing React UI declaratively
React Components
Build UI from reusable function components, composition, and children
React Props
Pass data and callbacks from parent to child components
React useEffect
Run side effects after render: fetching data, subscriptions, and DOM sync
React useRef
Persist mutable values and access DOM nodes without causing re-renders
React useState
Add local state to function components and trigger re-renders on updates
intermediate
React Context Patterns
Structure context providers for performance and clean consumption
React Custom Hooks
Extract reusable stateful logic into your own composable hooks
React Error Boundaries
Catch render errors in a subtree and show a fallback UI
React Performance Optimization
Reduce wasted renders with memoization and stable references
React Portals
Render children into a DOM node outside the parent hierarchy
React useCallback
Memoize function references to optimize child re-renders
React useContext
Share values across the component tree without prop drilling
React useMemo
Memoize expensive calculations to skip work on unchanged dependencies