sr✳SHUBHAM RAJFRONTEND ENGINEER

Questions worth
understanding.

Study 6,262 core questions and explore 20 technology tracks with 6,144 practical exercises each. Full guides include three levels of code; topic drills give you concrete product scenarios and interview tasks, all within this website.

← Back to Explore6,262 unique questions · 130 full guides · 4,052 interview questions · 2,080 applied scenarios
Choose a technology20 tracks · 6,144 scenario-based exercises per track ↗

Every track combines 24 locally stored technical prompts, 16 product scenarios, and 16 distinct interview tasks. These are contextual practice questions, not 6,144 independently reviewed articles.

Explore the articles

Showing 1–18 of 6,262 matching questions

001 / React · FULL GUIDE

When does React preserve component state?

Understand how position, component type, and keys determine whether React keeps or resets state.

#state#identity
Foundation · 3 min readRead guide ↗
002 / React · FULL GUIDE

Why do stable keys matter in React lists?

Keys are not just warning silencers; they tell React which list item is which between renders.

#lists#identity#rendering
Foundation · 3 min readRead guide ↗
003 / React · FULL GUIDE

What causes a React component to re-render?

A practical look at state, parent renders, context updates, and memoization.

#rendering#performance#state
Intermediate · 3 min readRead guide ↗
004 / React · FULL GUIDE

What does React.memo solve, and what does it not solve?

Know when memoization reduces work and when it simply adds complexity.

#performance#memoization
Intermediate · 3 min readRead guide ↗
005 / React · FULL GUIDE

When should you avoid useEffect?

Effects are for synchronization with external systems, not a default place for application logic.

#effects#state#architecture
Intermediate · 3 min readRead guide ↗
006 / JavaScript · FULL GUIDE

What does a JavaScript closure retain?

Closures explain how functions continue to access lexical bindings after their outer scope has returned.

#scope#functions
Foundation · 3 min readRead guide ↗
007 / JavaScript · FULL GUIDE

How do tasks and microtasks differ in the JavaScript event loop?

Understand why Promise callbacks often run before timers scheduled for the same turn.

#event-loop#async#promises
Intermediate · 3 min readRead guide ↗
008 / JavaScript · FULL GUIDE

How is this determined in JavaScript?

Regular functions get this from how they are called; arrow functions capture it lexically.

#functions#this#scope
Intermediate · 3 min readRead guide ↗
009 / JavaScript · FULL GUIDE

Debounce vs throttle: when would you use each?

Both control high-frequency events, but they optimize for different interaction patterns.

#performance#events#timing
Foundation · 3 min readRead guide ↗
010 / JavaScript · FULL GUIDE

How do var, let, and const differ?

The important differences are scope, redeclaration, temporal dead zone behavior, and reassignment.

#scope#variables
Foundation · 3 min readRead guide ↗
011 / React · FULL GUIDE

What is reconciliation in React?

Reconciliation is React's process for comparing the previous element tree with the next one.

#rendering#virtual-dom
Foundation · 3 min readRead guide ↗
012 / React · FULL GUIDE

How does React decide whether two components are the same?

React considers a component's type and position in the tree, with keys providing explicit identity among siblings.

#identity#state
Foundation · 3 min readRead guide ↗
013 / React · FULL GUIDE

When is an array index a safe React key?

An index is usually acceptable only when the list is fixed and its items are never inserted, deleted, or reordered.

#keys#lists
Foundation · 3 min readRead guide ↗
014 / React · FULL GUIDE

When should you use React fragments?

A fragment groups sibling elements without adding an extra DOM wrapper.

#jsx#semantics
Foundation · 3 min readRead guide ↗
015 / React · FULL GUIDE

How do you render content conditionally in React?

Use an if statement, ternary, or logical AND depending on how many branches are needed.

#jsx#rendering
Foundation · 3 min readRead guide ↗
016 / React · FULL GUIDE

What does lifting state up mean in React?

Move shared state to the nearest common parent when two components must stay synchronized.

#state#components
Foundation · 3 min readRead guide ↗
017 / React · FULL GUIDE

What are the Rules of Hooks?

Call Hooks unconditionally at the top level of React functions or custom Hooks.

#hooks#state
Foundation · 3 min readRead guide ↗
018 / React · FULL GUIDE

Why use functional state updates in React?

A functional update receives the previous state, making multiple queued updates behave correctly.

#state#batching
Foundation · 3 min readRead guide ↗

The library distinguishes 130 complete technical guides, 4,052 stored interview prompts, 2,080 product exercises, and 20 additional topic tracks. Topic drills are scenario-based practice, not separately authored answer articles. Unfinished practice content is not submitted for search indexing.

Have something
in mind?

Start a conversation