New: We've launched a brand new Coding Challenges section! Check out these interactive, real-world exercises to level up your skills.Explore Challenges
FrontendPrep
Topic Directory

React Questions

Master your React fundamentals, advanced mechanics, and ace your frontend interview challenges.

React Stats
21questions loaded
5 Easy8 Medium8 Hard
Show
Sort

Showing 21 of 21 questions

React
Hard

Autocomplete Search Hook with Race-Condition Prevention

Implement a reusable useAutocomplete custom React hook with AbortController, cache deduplication, and full lifecycle cleanup to prevent async race conditions.

ReactHooksAsync+1
10 min read
View
React
Easy

React: Component Composition and the children Prop

Learn component composition in React. Understand how to design reusable wrapper layouts, handle dynamic slots, and prevent prop drilling using the children prop.

ReactComponent DesignProps+1
7 min read
View
React
Easy

React: Conditional Rendering Patterns & Pitfalls

Master conditional rendering in React. Compare logical AND (&&), ternary operators, and if/else conditions. Learn how to prevent common rendering bugs.

ReactRenderingUI Logic+1
6 min read
View
React
Medium

React Context API Interview Questions

Master React Context API with practical state management interview examples and best practices. Learn how Context works, when to use it, performance considerations, and common React interview questions.

ReactContext APIState Management+2
14 min read
View
React
Medium

Controlled vs Uncontrolled Components Interview Questions

Master React Controlled vs Uncontrolled Components interview questions with practical form handling examples. Learn how React manages form state, performance tradeoffs, refs, and best practices.

ReactFormsState Management+2
12 min read
View
React
Easy

React: How and When to Write Custom Hooks

Learn when to extract logic into custom React hooks, how hooks share state logic but not state instance, and guidelines for designing clean custom hook interfaces.

ReactHooksArchitecture+1
6 min read
View
React
Medium

React: How Error Boundaries Work

Understand how Error Boundaries catch rendering errors in React, when they fail to catch errors (asynchronous code, event handlers), and how fallback UIs are rendered.

ReactError HandlingLifecycles
7 min read
View
React
Medium

React 19 Actions and useActionState

Learn how React 19 simplifies form handling, pending states, and error handling natively using Actions and the new useActionState hook.

ReactFormsState Management+1
6 min read
View
React
Hard

React Compiler (React 19 Auto-Memoization)

Understand the React Compiler (React Forget) in React 19. Learn how it automates memoization, the under-the-hood rules it enforces, and how it reduces user dependency on useMemo and useCallback.

ReactReact 19Memoization+1
8 min read
View
Showing 1 to 9 of 21 questions