Frontend System Design1 min readPremium

State and Client Data Model In Frontend System Design

Frontend System Design Data Model

In this portion of the interview, spend about half your time discussing how you’ll handle state on the client, and the other half on the actual data model you’ll use in your frontend. Redux’s guide to normalizing state shape is a good companion to this section.

Please spend no more than 15% of your interview explaining this portion.


State Management on the Client

State management is one of those things everyone has an opinion about. There are plenty of options, each with its strengths and trade-offs.

Here are the most common choices you’ll see in real-world frontend projects.

premium content.
Premium

Keep reading with Premium

Get the rest of this guide plus every premium question, solution, and system design deep dive.

  • All premium solutions
  • System design deep dives
  • Company-specific prep

4.9/5 from our users

Type Description
useState React’s built-in hook for managing local component state. It is best for isolated UI pieces or small components.
useContext