Launch prices end Friday-d --h --m --s left

Frontend developer interview questions

23 questions · 5 answer outlines · Updated Oct 6, 2026

Frontend interviews usually mix JavaScript fundamentals, a practical task such as building or fixing a small component, questions about how the browser renders and loads a page, and a behavioural round. Expect to write code while explaining your choices, and to be asked how you would make it accessible and fast.

Five questions to prepare first

These come up in most interviews for this role. For each one: what the interviewer is checking, and the points a strong answer covers, in order.

1

How does the event loop work in JavaScript?

What they're checking

Whether you understand how asynchronous code actually runs, not just how to write it.

A strong answer covers

  1. Explain that JavaScript runs one call stack, and that async work is handed off and queued for later.
  2. Separate the queues, tasks such as setTimeout callbacks and microtasks such as promise callbacks.
  3. Say that all pending microtasks run before the next task, so a resolved promise beats a setTimeout of zero.
  4. Tie it to a real consequence, such as a long loop freezing the page because the stack never empties.
2

What happens between typing a URL and seeing the page?

What they're checking

How well you understand loading and rendering, which is the basis of most performance work.

A strong answer covers

  1. Cover the network steps briefly, DNS lookup, the connection and TLS handshake, then the HTTP request.
  2. Explain parsing, the HTML into the DOM and the CSS into the CSSOM, and how they combine for layout and paint.
  3. Point out what blocks rendering, such as scripts without defer or async and CSS in the head.
  4. Finish with where caching and a CDN shorten the trip on the next visit.
3

How does React decide when to re-render a component?

What they're checking

Whether you can reason about rendering and avoid both wasted renders and premature optimisation.

A strong answer covers

  1. Name the triggers, a change to the component's state, a re-render of its parent, or a change in a context it reads.
  2. Explain that a re-render is not a DOM update, since React compares the result and changes only what differs.
  3. Describe the tools for skipping work, memo, useMemo and useCallback, and the cost they add.
  4. Say you would measure with the profiler before optimising, and give an example of a fix you made.
4

A page has become slow. How would you speed it up?

What they're checking

Whether you diagnose before fixing, and know the common causes of slow pages.

A strong answer covers

  1. Measure first, with Lighthouse or the browser's performance panel, and decide which metric matters, such as load time or input delay.
  2. Check the usual suspects, oversized images, large JavaScript bundles, render-blocking resources and slow API calls.
  3. Fix the biggest cause first, for example by splitting code, lazy loading or caching responses.
  4. Measure again to confirm the change helped, and add a check so the problem doesn't creep back.
5

Tell me about an interface you built that you are proud of.

What they're checking

Your judgement as much as your skill, and how you weigh users, design and technical constraints.

A strong answer covers

  1. Describe what you built, who used it and the problem it solved.
  2. Explain one hard part, such as complex state, accessibility or performance, and how you solved it.
  3. Mention how you worked with design or backend to get it right.
  4. Close with the result, ideally measured, such as faster completion times or fewer support tickets.

JavaScript and TypeScript

The language questions come up at every level. Short, precise answers with an example work best.

  1. 1How does the event loop work in JavaScript?Answer outline
  2. 2What is a closure? Give an example of where you have used one.
  3. 3What is the difference between == and === in JavaScript?
  4. 4How do var, let and const differ?
  5. 5When would you use async/await instead of chaining promises?
  6. 6What does TypeScript give you that JavaScript doesn't?

Browser, HTML and CSS

How a page gets from a URL to pixels, and how to build it so everyone can use it.

  1. 7What happens between typing a URL and seeing the page?Answer outline
  2. 8How would you make a page usable for someone using a screen reader?
  3. 9Explain the CSS box model.
  4. 10When would you use flexbox, and when grid?
  5. 11How do you stop content from jumping around while a page loads?
  6. 12What is the difference between localStorage, sessionStorage and cookies?

Frameworks and performance

Most roles use a framework such as React, Vue or Angular. The questions test whether you know what it does for you.

  1. 13How does React decide when to re-render a component?Answer outline
  2. 14A page has become slow. How would you speed it up?Answer outline
  3. 15When would you reach for a global state library, and when not?
  4. 16What is the difference between server-side and client-side rendering?
  5. 17How do you test UI components?
  6. 18How would you structure a large frontend codebase so several teams can work on it?

Behavioural and collaboration

Frontend developers sit between design, product and backend. Expect questions about working across all three.

  1. 19Tell me about an interface you built that you are proud of.Answer outline
  2. 20What do you do when you think a design won't work well for users?
  3. 21Tell me about a time you had to fix a production bug quickly.
  4. 22How do you work with backend developers on an API you both depend on?
  5. 23How do you keep up with frontend changes without chasing every new framework?

Frontend developer interview tips

  • Be ready to build a small component from scratch without a framework's help, such as a modal, a debounced search box or a tabbed panel.
  • Bring accessibility up yourself. Mentioning keyboard support and labels without being asked stands out.
  • Know one framework deeply, including how it renders, rather than several superficially.
  • Have numbers ready for performance work you have done, such as load time before and after.

Frontend developer interview FAQ

Some do, usually lighter than for backend roles. More often the coding round is practical, such as building a component, fetching and displaying data, or fixing a bug in an existing UI.

It helps, especially early in your career. One or two well-made projects with clean code you can talk through are worth more than many unfinished ones.

Usually enough to see that you can build layouts confidently with flexbox and grid, understand specificity and the box model, and make a page responsive.

Say these answers out loud before the real interview.

A free mock interview for this role asks five questions you haven't seen, scores each answer and shows a stronger one.

Start with a free mock interview
Start a free mock interview