Technical interview questions and drills

86 results across 1 active filter

Page 1 of 4

Showing the React & Next.js Frontend Foundations curriculum. Technology tags describe each drill's actual implementation context; shared drills can belong to more than one track.

Concept questionMedium~7 min

Accessibility basics for forms and components

Explains labels, keyboard behavior, focus, semantic HTML, errors, color contrast, and accessible custom controls.

In React & Next.js Frontend FoundationsShared across 2 tracks

Drills

Accessibility basics for forms and components

A Next.js page streams locally but arrives all at once in production. How do you diagnose it?

Avoid duplicated derived state in React

Build an accessible profile form

Build a recoverable route error boundary

Build upload progress and retry recovery

Caching, revalidation, and dynamic data in Next.js

Choose React state ownership and lifetime

Clean up effects and abort requests in React

Controlled vs uncontrolled inputs in React

Debounce search and discard stale responses

Debug hydration mismatches in Next.js

Debug responsive CSS layout and overflow

Design a practical frontend testing strategy

Design loading, empty, and error states for data pages

Design React component boundaries and props

Design reusable custom React hooks

Diagnose a Core Web Vitals regression

Error boundaries and recoverable frontend failures

Explain browser event propagation and delegation

Explain React keys and component identity

Explain React rendering, props, and state

Explain the browser event loop and long tasks

Explain useEffect dependencies and side effects