淘宝Native研发模式的演进与思考 | DX研发模式

DX全称DinamicX，目前是在淘宝乃至整个阿里集团内广泛使用的Native动态化方案，核心优势是性能和稳定性。过去几年一直有其他淘宝/集团的外部文章中有涉及到DX，但DX一直没有对外做过完整介绍，对外界来说这两个字母颇有些神秘色彩。本系列文章《DX研发模式》我们就将拉下它神秘的面纱，看看过去两年 DX 在做什么。 
 本文主要阐述 DX 的发展历程以及近两年的重点建设事项，喜欢看视频和PPT的同学，可以在【阿里巴巴移动技术】公众号内回复「DX」，观看去年末笔者的分享“淘宝Native研发模式的演进”。 
 《DX研发模式》系列文章如下，欢迎关注： 
  
   本文：《淘宝Native研发模式的演进与思考》  
   列表容器&事件链如何助力业务快速迭代 | DX研发模式  
   如何持续突破性能表现？DX 性能优化策略详解  
   从0到1，IDE如何提升端侧研发效率？| DX研发模式

  

• 业务竞对加剧，集团从航母战略升级为App矩阵战略，对交付量和效都有了更高的要求；  
  
• 随着直播/短视频/AR/3D技术的发展与普及，移动端迈入沉浸式/富交互体验，Native技术栈的优势更加明显；  
  
• 淘宝的购物效率越来越高，用户访问时长/频率降低，大部分购买决策发生在淘外，淘宝逐渐沦为下单/比价工具，而当内容场掌握了大量入口流量和用户时长后，开始下场自己闭环做电商成交，曾经的引流渠道变成直接竞争对手，淘宝也将面临“无源之水、无本之木”的困境，所以淘系近年来一直在打造自己的内容/社区，让更多的消费购前决策发生在淘系。
  

  

• 提供开箱即用的体验优秀的标准化组件，如日历/富文本/复杂嵌套容器/Page Indicator等组件，极大降低体验精细化带来的适配成本，如Dark Mode/银发版字体自动放大适配等；  
  
• 在富媒体/端智能的快速发展，以及下沉市场中低端设备的增加的背景下，持续优化DX渲染管线的性能水位，提升广大业务场景的基础浏览和交互体验；  
  
• 提供更完善的性能工具，帮助开发者在面对相对“黑盒”的模版性能问题时，可以做到早发现、可排查、可优化。
  

<RecyclerLayout
      userId="recycler"
      width="match_parent"
      height="match_parent"
      dataSource="@data{itemList}"
      backgroundColor="@triple{@getEngineStorage{backgroundColor}, @getEngineStorage{backgroundColor}, '#ffffff'}"
      columnCount="2"
      columnGap="4"
      isOpenPullToRefresh="True"
      refreshPullText="下拉即可刷新..."
      refreshReleaseText="释放即可刷新..."
      refreshLoadingText="加载中..."
      loadMoreFailText="加载失败"
      loadMoreLoadingText="加载中..."
      loadMoreNoMoreDataText="到底了"
      onPullToRefresh="@dxEventHandler{'refreshTest'}"
      onEndReached="@dxEventHandler{'loadMoreTest'}"
    >
      <Template
        if="@subdata{span}"
        sticky="True"
        colspan="2"
        name="aa"
      >
        <TextView
          width="match_parent"
          height="100"
          text="@data{text}"
          textSize="15"
          backgroundColor="#FFFF55"
          borderColor="#FF9911"
          borderWidth="2"
        />
      </Template>
      <Template
        if="@subdata{recyclerInsertItems}"
        name="recycler_sub_template1"
        version="2"
      />
</RecyclerLayout>

  

• 标准化，目前DX的DSL偏向私有标准，开发门槛较高，不利于扩大开发者群体，接下来我们要向客户端行业标准靠齐，吸引更多的开发者；  
  
• 现代化，目前DX通过命令式来描述UI，而行业已经向声明式迈进，从技术演进路线上，我们也要拥抱声明式，进一步提升开发体验和效率，此外，研发支撑方面，我们这个财年从0到1打造了DX IDE，在本地进行安装和运行，已经能较大程度提升复杂页面/模版的研发效率，但我们不会停下研发提效的脚步，接下来还要尝试通过云端部署的方式，达到免安装/开箱即用/工作空间共享等，进一步提升研发和协作效率；  
  
• 一体化，目前我们已经通过DX IDE实现了部分的工程一体化，未来为了进一步提升前后端协作效率，也为了把Serverless打造成客户端的基础能力之一，我们要实现端云一体，在一个集成研发环境中，以同一个技术栈，同时开发端侧和云侧代码，简化端云远程调度开发成本，发布期通过编译技术部署到不同的目标，提升前后端协作效率和端侧技术方案自主性。