React 和 Ant Design 在蚂蚁金服的实践
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
不只是
组件库
React 和 Ant Design 在蚂蚁金服的实践偏右| afc163
蚂蚁金服前端工程师
不只是组件库React 和 Ant Design
在蚂蚁金服的实践蚂蚁金服前端工程师2011 年加入支付宝体验技术部终端技术组
偏右 | afc163
蚂蚁金服前端工程师
2011 年加入支付宝
体验技术部终端技术组
长期负责前端基础类库 &
工具研发偏右 | afc163
变迁
研发模式
中台设计语言React 技术栈
antd 开源经营之道
研发模式
传统前端设计师产品经理
测试后端+++
+
沟通成本高
不适合中台研发节奏
资源瓶颈
前端设计师产品经理测试
后端+
+
+沟通成本高
不适合中台研发节奏
资源瓶颈
业务团队
+ +
+
沟通成本高
不适合中台研发节奏
资源瓶颈+
+
+
沟通成
本高
不适合
中台研
发节奏
资源瓶
颈
+
+
+
沟通成
本高
不适合
中台研
发节奏
资源瓶
颈
+ +
+
沟通成本高
不适合中台研发节奏
资源瓶颈+
+
+
沟通成
本高
不适合
中台研
发节奏
资源瓶
颈
+
+
+
沟通成
本高
不适合
中台研
发节奏
资源瓶
颈
+ ++
通成本高
不适合中台研发节奏资源瓶颈+
+
+
通成
本高
不适
合中
台研
发节
奏
资源
瓶颈
+
+
+
通成
本高
不适
合中
台研
发节
奏
资源
瓶颈
+ ++
沟通成本高
不适合中台研发节奏资源瓶颈+
+
+
沟通
成本
高
不适
合中
台研
发节
奏
资源
瓶颈
+
+
+
沟通
成本
高
不适
合中
台研
发节
奏
资源
瓶颈
++++++
++++++
++++++ ++++++++++++ ++++++
移动浪潮来袭
PC 前端开发何去何从？
运营平台数据平台客户中台
CRM 工程平台
工程平台
企业管理
服务治理
运维系统
客服中心反馈平台
企业中台战略冰山主要在水面下
如何在资源紧缺的情况下支持大量中后台产品兼顾研发效率和用户体验？“”
中央都决定了，你们来做页面
中央都决定了，你们来做页面“”
产品经理
全栈开发
+
产品经理全栈开发
+中央都决定了，你们来做页面
“”
全栈研发模式
产品经理全栈开发
+
前端 & 设计基础设施
资源型团队服务型团队
基础前端工程师 + 业务前端工程师
设计师 + 技术产品前端工程师+
+
变迁
研发模式
中台设计语言React 技术栈
antd 开源经营之道
Ant Design 一个中台设计语言
蚂蚁金融云
广泛的中台产品设计规范
设计语言组件设计原则模式沉淀工具培训
组件设计原则模式沉淀工具培训
蚂蚁金融云 广泛的中台产品
设计规范
设计语言
实用主义
小而美统一交互
50+ 基础组件
动画
设计和技术结合
用同样的语言对话
+
下拉选择Select
下拉菜单Dropdown
主色 @brand-
color-1
阴影
@shadow-1
逻辑化的设计规则
公式化色彩亲密性距离
Hover
Normal
Active
tint(@primary-color, 80%)
shade(@primary-color, 80%)
精品模式规范模式专业前端+设计重度参与关注用户体验
关注产品表现力工程师／PD 为主＋设计辅导服务模式
专
兼遵循通用设计规范关注研发效率
兼顾用户体验
变迁
研发模式
中台设计语言React 技术栈
antd 开源经营之道