Frontend System Design：news feed 端到端

資深前端 system design 最常被問的題目就是 news feed。需求釐清、資料模型、渲染策略、媒體載入、即時更新、快取、效能監測、失敗模式八個段落串成一條線。內部使用。

#system-design#news-feed#virtualization#infinite-scroll#react-query#performance#interview-prep#面試系列#private

News feed（新聞動態牆，社群 app 首頁時間軸的通稱，源自 Facebook 早期同名 feature，後來成為 Twitter、Instagram、Threads 等產品的標準首頁形式）是資深前端 system design 面試最常見的題目，因為它把幾乎所有前端難題都壓在一頁畫面上：清單長度沒上限、項目包圖片影片、伺服器隨時推新內容、使用者期待秒開、網路會斷、瀏覽器 tab 會凍。一個能把 news feed 講清楚的 candidate，等於把渲染、I/O、快取、可觀測性（observability，下一段展開）全部走過一遍。這篇把這題拆成八個段落，每段都附 code，目標是 60 分鐘面試裡能照著走完。