Skip to contentSkip to footer

Senior Frontend Engineer Interview Questions

Salaries
Interviews

2,911 senior frontend engineer interview questions shared by candidates

Round 3 - Coding (again?) - 1 hour - A principal engineer from their team took this round. He skipped intros and jumped straight up in the round. Gave me a CodeSandbox link that had two problems - 1. Custom Dropdown Component Problem Statement: Create a reusable Dropdown component using React (or your preferred framework). The dropdown should: Render a list of items passed as a prop. Support keyboard navigation (ArrowDown, ArrowUp, Enter, and Escape keys). Allow selecting multiple items with a multiSelect prop. Close when clicking outside of the dropdown. Highlight the selected item(s). 2. Image Gallery with Infinite Scroll and Lazy Loading Problem Statement: Build an image gallery component that: Loads a set of images initially and continues loading more images as the user scrolls down (infinite scrolling). Implements lazy loading to defer the loading of images that are not yet visible in the viewport. Has a search bar to filter images based on a title or keyword. Use dummy image data (e.g., from https://jsonplaceholder.typicode.com/photos). First of all, I feel giving two problems of making two whole components is too much for a 1 hour round. Anyway, when I started showing him a component that I recently made as the inspiration for problem #1, has asked me to skip planning and start coding instead. I completed the basic working component within 30 minutes and started with the styling. He stopped me and asked me to do keyboard navigation instead. Since 30 minutes passed, I told him that we should start with the second problem since we didn't have much time. So I told him the approach and the entire coding solution for how we would do the keyboard navigation, but didn't code it. Also, told him how would the multi-select work, but again, didn't code it. Now, we started discussing the second problem. Since we didn't have much time, I started sharing a whiteboard and started visually solving the problem and explaining to him the algorithm for the infinite scroll. He didn't have an understanding of what an infinite scroll is and started implying that I didn't get the problem right. When I asked him to explain what he thinks infinite scroll is, instead of saying that "when a user scrolls to the bottom of the page, we load new images", he said "the user can scroll anywhere using the scrollbar which should be very small and the images in the viewport will be loaded then". I confronted him and told him that his idea of infinite scrolling is incorrect but he started laughing and we ended up our call there. Result - Rejected. I asked for feedback from HR and she said that my approach and understanding of the problem was incorrect so it isn't a good match. :) Wasted 3 hours successfully just to get rejected by an incompetent egoistic engineer.
avatar

Senior Frontend Engineer

Interviewed at Prophecy

3.7★
Oct 10, 2024

Round 3 - Coding (again?) - 1 hour - A principal engineer from their team took this round. He skipped intros and jumped straight up in the round. Gave me a CodeSandbox link that had two problems - 1. Custom Dropdown Component Problem Statement: Create a reusable Dropdown component using React (or your preferred framework). The dropdown should: Render a list of items passed as a prop. Support keyboard navigation (ArrowDown, ArrowUp, Enter, and Escape keys). Allow selecting multiple items with a multiSelect prop. Close when clicking outside of the dropdown. Highlight the selected item(s). 2. Image Gallery with Infinite Scroll and Lazy Loading Problem Statement: Build an image gallery component that: Loads a set of images initially and continues loading more images as the user scrolls down (infinite scrolling). Implements lazy loading to defer the loading of images that are not yet visible in the viewport. Has a search bar to filter images based on a title or keyword. Use dummy image data (e.g., from https://jsonplaceholder.typicode.com/photos). First of all, I feel giving two problems of making two whole components is too much for a 1 hour round. Anyway, when I started showing him a component that I recently made as the inspiration for problem #1, has asked me to skip planning and start coding instead. I completed the basic working component within 30 minutes and started with the styling. He stopped me and asked me to do keyboard navigation instead. Since 30 minutes passed, I told him that we should start with the second problem since we didn't have much time. So I told him the approach and the entire coding solution for how we would do the keyboard navigation, but didn't code it. Also, told him how would the multi-select work, but again, didn't code it. Now, we started discussing the second problem. Since we didn't have much time, I started sharing a whiteboard and started visually solving the problem and explaining to him the algorithm for the infinite scroll. He didn't have an understanding of what an infinite scroll is and started implying that I didn't get the problem right. When I asked him to explain what he thinks infinite scroll is, instead of saying that "when a user scrolls to the bottom of the page, we load new images", he said "the user can scroll anywhere using the scrollbar which should be very small and the images in the viewport will be loaded then". I confronted him and told him that his idea of infinite scrolling is incorrect but he started laughing and we ended up our call there. Result - Rejected. I asked for feedback from HR and she said that my approach and understanding of the problem was incorrect so it isn't a good match. :) Wasted 3 hours successfully just to get rejected by an incompetent egoistic engineer.

1. Name the best attributes of RxJS? 2. How do you distinguish Observable and BehaviorSubject from each other? 3. Explain Stream? 4. What types of subjects do you know? 5. There are hot and cold observables. How do you differentiate each one from the other? 6. Where does Angular use RxJS?
avatar

Senior Frontend Developer - Angular

Interviewed at payever

4.3★
Feb 8, 2022

1. Name the best attributes of RxJS? 2. How do you distinguish Observable and BehaviorSubject from each other? 3. Explain Stream? 4. What types of subjects do you know? 5. There are hot and cold observables. How do you differentiate each one from the other? 6. Where does Angular use RxJS?

Name some of the typescript compiler options. Name some utility functions in typescript. Re-arrange this chain of promises. What's the output of for loop when there's a `var` inside. Live coding: Three guys outside the KFC had to pay in cash. The prices are 25/50/75. Write a program for the cashier.

Senior Frontend Developer

Interviewed at SciChart

5★
Jul 4, 2022

Name some of the typescript compiler options. Name some utility functions in typescript. Re-arrange this chain of promises. What's the output of for loop when there's a `var` inside. Live coding: Three guys outside the KFC had to pay in cash. The prices are 25/50/75. Write a program for the cashier.

Viewing 401 - 410 interview questions

Glassdoor has 2,911 interview questions and reports from Senior frontend engineer interviews. Prepare for your interview. Get hired. Love your job.