## Round 1 - Coding **Frontend component:** Build a filterable list component in React. Given an array of items `[{id, name, category}]`, render a dropdown to filter by category and a text input to search by name. Results update live. ```jsx function FilterableList({ items }) { // items: [{id: number, name: string, category: string}] // render: category dropdown + name search + filtered list } ``` **Example:** ``` Items: [{id:1,name:"Dog",category:"Animal"},{id:2,name:"Car",category:"Vehicle"},...] User selects category="Animal", types "do" -> shows only Dog. ``` ## Round 2 - System Design Design a URL shortener (like bit.ly). - API design: POST /shorten, GET /:code - Storage schema and choice of DB - Handling 10K writes/sec and 100K reads/sec - Expiry and analytics ## Follow-ups 1. In the React component, how do you avoid excessive re-renders on every keystroke? 2. How would you handle 100M stored URLs — does your schema still work? 3. What happens if two users shorten the same long URL simultaneously? 4. How would you add click-count tracking without slowing down redirects?

InterviewDB Question

Yahoo 2024 Summer Intern Full-Stack Virtual Onsite: React, Node, and System Design

Fullstack Onsite

Question Details

Round 1 - Coding Frontend component: Build a filterable list component in React. Given an array of items [{id, name, category}], render a dropdown to filter by category and a text input to search by name. Results update live. Example: Round 2 - System Design Design a URL shortener (like bit.ly). API design: POST /shorten, GET /:code Storage schema and choice of DB Handling 10K writes/sec and 100K reads/sec Expiry and analytics Follow-ups In the React component, how do you avoid excessive re-rend…

Full Details

🔒

Unlock all Yahoo questions

Full insider details, leaked discussions, and candidate experiences.

Get full access — $100 a year, unlimited access

About This Question

This is a reported interview question from a yahoo interview for a fullstack role during the onsite round.

It covers the following topics: Strings, System Design, Other, Arrays, Onsite, Stack .

Topics

Strings System Design Other Arrays Onsite Stack

Yahoo 2024 Summer Intern Full-Stack Virtual Onsite: React, Node, and System Design

Question Details

Full Details

About This Question

Topics

More Yahoo Interview Questions