2025年8月 – 2026年6月
TikTok Shop 直播电商 App
面向主播与助播团队的跨平台直播电商工具，支持直播商品管理及互动玩法；重点参与 TikTok App 端研发，并在美国市场的直播拍卖项目中负责商品管理框架扩展与已成交拍品体验。
- ReactLynx
- TypeScript
- Zustand
- React Context
- Cross-platform
- 组织
- TikTok / 字节跳动
- 职责
- 前端工程师
部分信息因保密要求已省略
项目概述
TikTok Shop 的直播电商由主播与助播团队共同运营。开播前，团队会把准备推广的商品加入直播购物袋；直播过程中，主播一边讲解商品，一边使用优惠券、秒杀和拍卖等玩法增强互动并推动成交。
主播和助播团队可以通过 TikTok App 与 PC 端 Live Manager 管理商品和直播流程。以下图片用于说明 App + PC 的整体产品形态，并非拍卖功能截图。
工作范围
我在 2025 年 8 月至 2026 年 6 月参与 TikTok Shop 直播业务前端研发，工作覆盖 App 与 Web，主要投入在 App 端。App 页面使用 ReactLynx、TypeScript、Zustand 和 React Context 构建，同一套 React 风格实现可以服务 iOS 与 Android 的原生渲染界面。
本案例重点介绍 2026 年 1 月至 3 月的 App 直播拍卖项目。我负责 App 端商品管理框架扩展与已成交拍品模块，并与团队协作完成拍卖业务接入。Web 端拍卖由其他成员完成，不属于本案例的个人交付。
App 直播拍卖
LIVE Auction 在直播中引入实时竞价：主播挂出拍卖商品，观众在看播端出价，最高出价者在拍卖结束后获得商品。项目涉及直播、商家、支付等多个团队，直播团队约有三名前端和三名后端工程师参与。
我负责 App 商品管理入口的框架扩展、三个列表的接入，以及拍卖结束后的商品与订单状态体验。另一名前端工程师负责拍卖商品列表和拍卖过程状态；我们共同接入事件通知机制，并分别处理各自模块所需的业务事件。
低风险接入既有模块
既有直播商品管理模块经过多年迭代并承载核心业务，不适合在拍卖项目周期内进行高风险拆分。因此，我们选择在原架构中增量接入三类由用户手动切换的列表：普通商品、拍卖商品和已成交拍品。
三个列表保持相对独立。切换 Tab 时，前端重新请求目标列表，并在当前数据返回前展示明确的 loading 状态，避免旧列表内容与目标业务状态混合。本次交付不将滚动位置、分页缓存或筛选条件保留包装成已实现能力，也不宣称完成了旧模块重构。
已成交拍品与状态刷新
已成交拍品列表展示成交价格以及待支付、已支付、已取消等订单状态，帮助主播在直播过程中了解中标观众的履约进展并进行相应互动。
用户切换到已成交拍品 Tab 时，页面会主动请求最新订单数据。用户停留在其他 Tab 时，后端事件会通知前端相关订单状态发生变化；前端收到事件后重新向服务端请求，以查询结果作为最终状态并更新列表。事件只负责提示数据变化，不直接充当最终 UI 数据。
结果
App 端拍卖能力于 2026 年 3 月首先在美国市场上线，首阶段重点服务二手奢侈品和收藏卡牌等适合实时竞价的品类。早期业务反馈积极，并为 TikTok Shop LIVE 补充了与同类直播电商平台相对应的竞价交易体验。
具体采用量、成交量与业务指标因保密要求不公开；本文不对未公开指标或竞品表现作进一步推断。