昨天面试失败, 非常沮丧, 居然考前端系统架构设计, 题目见页面最下方。我没考过这种题型, 一时手忙脚乱的, 只能胡乱的写些状态管理, 组件分割, 微前端分割, React 的渲染优化技术（如 Caching, Memoization 、Lazy Loading 、Code Splitting 等), 防抖和节流等。结果我得了个极低的分数, 面试官表情失望. 我感觉自己的思路, 和文字,图表等表达都不在要点上。

请各位大佬提供正确的解题思路, 并建议如何更好的组织答案，哪里能找到前端系统架构设计的样板文档。谢谢！

==== 题目 =====
实时在线限时秒杀活动页面的前端系统架构设计
任务: 提交一个实时在线限时秒杀活动页面的前端系统架构设计. 实现下列所述功能:
背景： 购物节快到了，计划开展限时秒杀活动。秒杀活动的前端架构需要应对高并发、动态库存显示和用户请求管理等挑战。要求你设计并实现一个健壮且可扩展的前端架构来支持该秒杀活动

功能需求：
1.前端用 React 框架
2.活动开始时间： 秒杀活动在指定时间开始，用户需要在活动开始前看到倒计时，活动开始后展示“立即购买”按钮。
3.实时库存动态显示：库存状态应实时更新，显示剩余商品数量。
4.购买限制：每个用户只能购买一个商品，点击“立即购买”后，前端应对用户请求进行有效性校验。
5.先到先得原则：秒杀活动中，系统应确保先到的用户请求优先处理，库存用完后立即显示“已售罄”状态。
6.API 集成与数据处理：与后端交互获取活动状态、库存信息，并处理并发请求。API 需处理高并发场景，确保系统性能和稳定性。
7.优化与扩展性：考虑如何优化组件渲染、减少不必要的状态更新、确保页面在高并发下的流畅性，以及如何扩展系统以支持更多复杂场景（如多种商品、不同的活动时间段等）, 本地/全局/服务器状态如何优化管理, 如何更好的和后端 API 整合.
8.要求该系统具有健壮性、可扩展性和高性能。