DevPrep
  • Interview Prep
  • Projects
  • Resources
  • Pricing
  • About Us
Submit Question
DevPrep
  • Pricing
  • About Us
Submit Question

Practice

  • JavaScript
  • DSA
  • Machine Coding
  • System Design

Resources

  • Learning Tracks
  • Articles
  • Roadmaps
  • Compare Concepts
  • Glossary
  • Developer Tools
  • All Questions

Company

  • About
  • Pricing

Legal

  • Privacy Policy
  • Terms of Service
DevPrep

© 2026 DevPrep. All rights reserved.

← All Questions

Frontend Engineering Questions

MediumJavaScriptFrontend Engineering

Machine Coding: Build a Smart Task Scheduler with Cooldown

Problem Statement In a high-intensity coding environment, "Context Switching" is the biggest productivity killer. You ar...

27 views
MediumMachine CodingFrontend Engineering

Machine Coding: AI-IDE Task Scheduler

Problem Statement In high-performance IDEs and AI-assisted editors, managing background tasks is critical. You need to i...

6 views
MediumMachine CodingFrontend Engineering

Machine Coding: Fix the Stale Closure Bug

Implement a JavaScript function createStaleClosureDemo that simulates a common "Stale Closure" problem often found in Re...

9 views
HardMachine CodingFrontend Engineering

Machine Coding: High-Performance Search Autocomplete

Problem Statement Implement a Search Autocomplete component (like Google Search) using vanilla JavaScript. The component...

16 views
MediumJavaScriptFrontend Engineering

useArray()

The Scenario: "We are building a Complex Multi-Step Form Builder (similar to Typeform or Google Forms). The user can add...

3 views
MediumJavaScriptFrontend Engineering

useTimeout()

We are building a Live Auction App. When a user places a bid, we need to show a 'Success' message that automatically dis...

11 views
MediumJavaScriptFrontend Engineering

useUpdateEffect()

We are developing a Smart Home Dashboard. When the component mounts, we fetch the current 'Thermostat Temperature' from...

14 views
MediumJavaScriptFrontend Engineering

Mastering the useFocus Hook: From React Fundamentals to Production-Grade Architecture

In the modern web, Focus Management is the invisible backbone of User Experience (UX) and Accessibility (a11y). Whether...

4 views
MediumJavaScriptFrontend Engineering

Your Invoice Generator Must Format Currency Amounts With Thousands Separators

We are building a Global FinTech Dashboard for an enterprise client. The system generates invoices that are viewed by us...

8 views
MediumJavaScriptFrontend Engineering

Your Scientific Calculator Handles Signed Arbitrary-Precision Addition Including Negatives

Technical Interview Challenge: The "Signed Ledger" Arithmetic EngineContextIn advanced financial engineering and scienti...

2 views
MediumJavaScriptFrontend Engineering

Your Accessibility Audit Tool Needs to Collect All Unique HTML Tag Names in a Document

Technical Interview Challenge: The "Accessibility Auditor" Tree TraversalContextWhen building accessibility (A11y) audit...

1 views
EasyJavaScriptFrontend Engineering

Your Search Engine Combines Results From Multiple Pre-Sorted Indexes Into One Ranked List

The Scenario: "We are building a Federated Search Aggregator. When a user types a query, we hit five different database...

3 views
HardJavaScriptFrontend Engineering

Build a Query String Parser and Builder for Environments Without Native URLSearchParams

Technical Interview Challenge: The "Legacy-Link" Query ParserContextBefore the modern URL and URLSearchParams APIs were...

2 views
MediumJavaScriptFrontend Engineering

Your Template Engine Safely Accesses Deeply Nested Config Values Without Crashing on Missing Keys

Technical Interview Challenge: The "Safe-Path" Configuration ResolverContextIn large-scale microfrontend architectures o...

0 views
EasyJavaScriptFrontend Engineering

Wrap DOM Event Listeners Into a Subscribable Stream With Automatic Cleanup

We are building a High-Frequency Trading Terminal. The interface has hundreds of buttons, inputs, and real-time data tog...

6 views
MediumJavaScriptFrontend Engineering

Your Polling Service Needs a Controllable Repeating Timer With Start, Pause, and Stop

We are building a Distributed Health Monitoring Dashboard. Our frontend needs to poll various microservice endpoints eve...

2 views
EasyJavaScriptFrontend Engineering

The "Infinity Ledger" Addition Algorithm

In high-precision financial systems, such as central bank digital currencies (CBDC) or cross-border settlement layers, t...

1 views
MediumJavaScriptFrontend Engineering

Build an Asynchronous Value Container That Chains Handlers and Propagates Errors

Technical Interview Challenge: The "Micro-Runtime" Promise EngineContextYou are part of a team building a specialized, l...

2 views
HardMachine CodingFrontend Engineering

Beyond useEffect: Why Staff Engineers use useSyncExternalStore for State Tracking

Scenario: You have been hired by an HFT firm to optimize their trader dashboard. In this environment, milliseconds matte...

267 views1 likes
MediumJavaScriptFrontend Engineering

Implement Throttle with Leading Edge

Problem Statement The default throttle behavior executes on the leading edge—immediately when called. However, explicitl...

50 views
MediumJavaScriptFrontend Engineering

Implement Throttle with Configurable Leading and Trailing

Problem Statement A production-grade throttle should support both leading and trailing edge execution. This provides imm...

34 views
EasyJavaScriptFrontend Engineering

Implement a Basic Throttle Function

Problem Statement As a Staff Engineer reviewing production performance, I frequently encounter scenarios where we need t...

141 views
MediumJavaScriptFrontend Engineering

Implement Throttle with Trailing Edge

Problem Statement Some scenarios require guaranteed execution of the most recent call, even if it occurs during a thrott...

61 views
HardJavaScriptFrontend Engineering

Design a Rate Limiter: Throttle vs Debounce Decision Framework

Problem Statement As a Staff Engineer, you're reviewing a PR where a junior engineer used debounce for a scroll handler....

41 views
HardJavaScriptFrontend Engineering

Implement Throttle with Cancel and Flush

Problem Statement In React applications and complex UIs, we need the ability to cancel pending throttled operations (e.g...

51 views
HardJavaScriptFrontend Engineering

Implement Async Debounce with Promise Support

Problem Statement Modern JavaScript is heavily async/await based. Implement a debounce that works seamlessly with Promis...

51 views
MediumJavaScriptFrontend Engineering

Implement Debounce with Flush Method

Problem Statement Sometimes we need to immediately execute a pending debounced function—for instance, when a form is sub...

179 views
MediumJavaScriptFrontend Engineering

Implement Debounce with Cancel Method

Problem Statement In complex applications, we need the ability to cancel pending debounced operations—for example, when...

75 views
EasyJavaScriptFrontend Engineering

Implement a Basic Debounce Function

Problem Statement As a Staff Engineer, I often see performance issues in production caused by excessive function calls d...

144 views
MediumJavaScriptFrontend Engineering

Implement Debounce with Leading Edge

Problem Statement In our production systems, we sometimes need immediate feedback for the first user interaction, but wa...

40 views
MediumJavaScriptFrontend Engineering

Implement Debounce with Configurable Edges

Problem Statement Different use cases require different debounce behaviors. Implement a flexible debounce function that...

41 views
HardJavaScriptFrontend Engineering

Implement Debounce with Maximum Wait Time

Problem Statement Standard debounce can potentially never execute if calls keep coming. In critical applications, we nee...

372 views