#####   ######  #####    ###    #   #  ###  #   #  ######
##  ##  ##      ##  ##  ## ##   #   #   #   #   #  ##
#####   ####    #####   #   #   #   #   #   #   #  ####
##  #   ##      ##      ## ##    # #    #    # #   ##
##   #  ######  ##       ###      #    ###    #    ######

$ curl repovive.com/roadmaps/frontend-system-design-interview-prep/news-feed-design/state-management

░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░████████████████████████████████████████████████████████████████████████████████████████████████████

#####   ######  #####    ###    #   #  ###  #   #  ######
##  ##  ##      ##  ##  ## ##   #   #   #   #   #  ##
#####   ####    #####   #   #   #   #   #   #   #  ####
##  #   ##      ##      ## ##    # #    #    # #   ##
##   #  ######  ##       ###      #    ###    #    ######

$ curl repovive.com/roadmaps/frontend-system-design-interview-prep/news-feed-design/state-management

Repovive

State Management - News Feed Design | Frontend System Design Interview Prep | Repovive

Repovive.

Frontend System Design Interview Prep17 sections · 206 units12h total

Open in Course

State Management

Managing feed data

Design normalized state for efficient updates.

State structure:

{
  posts: {
    byId: { '1': { id, authorId, content, ... } },
    allIds: ['1', '2', '3']
  },
  users: {
    byId: { '10': { id, name, avatar } }
  },
  feed: {
    postIds: ['3', '1', '2'],
    cursor: 'abc123',
    hasMore: true
  },
  ui: { isLoading: false, error: null }
}

Why normalize: A user appears in many posts. Update their name once, reflected everywhere.