Skip to content
Preptima

Frontend System Design interview questions

Component architecture, data-fetching and caching layers, and designing autocomplete or a feed client-side.

7 questions in Frontend Engineering.

hard7

hardDesignCase Study

Design the frontend for a data-heavy operational dashboard with live updates.

Stream a server-rendered shell, virtualise the dense views and draw high-density charts to canvas, keep server cache separate from UI and URL state, coalesce socket messages into one commit per frame, give every widget its own empty, error and stale states, and enforce a byte budget per pull request.

7 minsenior, staff, lead
hardScenarioDesign

How do you design the dependency graph, handle shared resources, and optimise build times when breaking down a massive iOS monolithic application into a modular architecture using Tuist?

Assess the candidate's ability to migrate a large-scale iOS application to a modular architecture using Tuist, managing dependency graphs, enforcing architectural boundaries, and optimising build times. Use this MOBILE answer to show the decision, trade-off, and evidence rather than a memorised definition.

3 minsenior, staff
hardScenarioDesign

How do you leverage WorkManager to guarantee execution, handle conflict resolution, and optimise battery usage in an offline-first Android application requiring bidirectional synchronisation?

Evaluate the candidate's understanding of offline-first principles, background processing using Android's WorkManager, conflict resolution strategies, and battery optimization techniques. Use this MOBILE answer to show the decision, trade-off, and evidence rather than a memorised definition.

3 minsenior, staff
hardScenarioDesign

How do you resolve severe performance bottlenecks in a complex React Native application caused by heavy bridge traffic, and how do you evaluate a migration to the JavaScript Interface (JSI)?

Assess the candidate's understanding of the React Native architecture, bridge performance limitations, profiling techniques, and modern solutions like JSI and the New Architecture. Use this MOBILE answer to show the decision, trade-off, and evidence rather than a memorised definition. It also connects cross platform to the point an interviewer is testing.

3 minsenior, staff