菜鸟技术团队全栈化（开发全栈前端）之路_架构师峰会_北京站.pptxVIP

Need for Speed:菜?技术全栈化(开发全栈前端)之路朱君标(银鹏)阿?巴巴?级前端技术专家朱君标(银鹏)?级前端技术专家菜??络前端团队负责?，阿?巴巴前端技术委员会核?组成员，?直从事阿? 系?线前端团队的技术和管理?作。曾组建阿?巴巴中?站前端团队和阿?巴巴 商家业务事业部前端团队，在阿?的2B业务领域摸爬滚打了10年，在前端如何助 ? 2B业务和技术还是有不少?得体会。?前的核??向是前端技术中台化和推动后端开发全栈化。? 全栈化的背景? 意识形态的转变和决?? 全栈策略? 标准化? 全副武装的全栈特战队员? 全栈技术学院? 全栈之后全栈化的背景前端岗位的问题特别的开发群体(形， D2) 前端招聘难价格贵资源瓶颈(集中还是拆分) PC没落和?线动态化美国海豹特战队 7??分队,全球打击SalesforceSalesforce硅?的企业中台2B业务前端的疑惑你去菜?做什么？前端需要和开发?的更近？ 1:5 = 1:20+ = 1:50+?全栈化 2B业务标准化，研发流程标准化? 全栈化的背景? 意识形态的转变和决?? 全栈策略和多级?撑模式? 标准化? 全副武装的全栈特战队员? 全栈技术学院? 全栈之后意识形态的转变和决?全栈的好处 (吸引40%的开发者)现在：看得?的成就感(?励)竞争?加码(可以做的更多、整体效率更?)组织红利(树标杆、评奖、内?头衔、 晋升制度)未来：全栈?程师更吃?( NB的前端技术都是全栈?程搞出来 的，前端待遇超越?部分开发岗位)全栈的决? (引导30%的开发者)组织保障：KPI保障、严控设计PD ?，前端开发?、断奶组织提能：全栈培训、全栈认证软硬皆施不会前端的设计师不是好程序员！? 全栈化的背景? 意识形态的转变和决?? 全栈策略? 标准化? 全副武装的全栈特战队员? 全栈技术学院? 全栈之后SmartBuilder全栈研发?作台(端坊)全栈支撑策略业务策略标准化 全栈化 可视化 营销平台化 动态化斑?RookieUIWalleWeexDvaDSL平台基础服务OSS、CDN、Gitlab、Docker、ODPS …阿?集团底层技术CCloudRender…Deploy全栈业务全栈多级?撑模式DuanFangSmartBuilderWalle全栈?作流( H5 、Weex 、React 、Walle) 线上线下?程化集成Site服务静态发布部署性能稳定性保障全栈技术学院Rookie动态表单 动态报表 动态地图 可视化搭建DSL简单的SPA框架 丰富的全栈场景库 RookieUI?缝接? 同步答疑?缝对接RookieWalle 同步答疑React技术栈UI组件库可灵活扩展的组件中? 异步答疑语?框架层 WebX(Spring) = Pandora Boot(Spring Boot)IDE Plugin/CLI全栈研发平台WebFlow编排常规业务?撑全栈技术分层中台业务对接：使?反馈系统级对接编排：灵活的系统组织?式技术化思考和产品化思维的结合内容中间件：垂直领域的内容模块化智能搭建：品质效率动态化全栈核?层：保持框架的先进性—打磨 解决推?的滞后性—struggle线下?程化(框架层的辅助)：降低框架层的学习成本提?线下研发效率规范化管控：构建、 编译、打包、部署、检测业务层业务平台化服务编排??内容编排SaaS层HSF/Diamond/Notify/Link …Form/Report/Map …中间件层BFF(Node)Rookie 3.0Walle(React)?程层IDE运维层Aone服务内容? 全栈化的背景? 意识形态的转变和决?? 全栈策略和多级?撑模式? 标准化 ? 全副武装的全栈特战队员? 全栈技术学院? 全栈之后标准化WalleUI标准化技术栈标准化研发流程标准化“ 随性”的前端不能再感染“纯洁”的开发web 研发全?命周期管理打通线上线下?程化全栈质量保障清晰，?效，统?，美观业务抽象 设计规范 设计语?设计赋能产品和开发?业标准化？技术栈升级为React统?React框架基于React且屏蔽React的Walle 不仅仅是框架，还是全栈解决?案? 全栈化的背景? 意识形态的转变和决?? 全栈策略和多级?撑模式? 标准化? 全副武装的全栈特战队员 ? 全栈技术学院? 全栈之后全副武装的全栈特战队员 全栈研发平台Dva (React)Rookie全栈技术学院 IDE智能内容平台DSLWalle-DSL屏对全局内数据驱动( MDV)去 “线下 ”?程化声明式编程Link式SPA前上核?理念采?声明式编程专注于『做什么』?不是『如何去做』 关?的是?标，?不是底层的实现过程同时借助数据驱动的开发模式，摒弃了复杂的 dom让??研发变的更简单 右左下后Form ?el