Can someone provide an example of a front-end system design problem?
Any object oriented design problem can be modelled in javascript using prototypal inheritance. Designing a dashboard with widgets/charts, Blog, Gmail.
Anything where you interact with an element on the page and that causes some get/post of data and a subsequent change to other elements on the page
I think it can go far beyond these examples. How would you ensure the shortest time to interactivity? How might you monitor performance regressions? How do you track feature use? How might you implement isomorphic rendering? How would you split and late load your code? And answer all these without the use of a major framework that does it for you.
It’s not fair that as frontend dev I could be asked to design front end, back end, coding a front end project and whiteboard coding. It almost doubles preparation time compared to backend positions.
Component composition basically. Given a mock, could be high fidelity screenshot or just a wireframe, design a component system that optimized for component reuse. Often you just talk about it, no actual coding necessary, but I guess that depend on the company.
For those reading this in 2023+ I found this new(?) newsletter where this stuff is explained in depth: Systemsdesignchallenges.com Posting this everywhere as I was looking for a resource like this for so long.
Good question - depends on the quality of wood and the hunger of woodchuck