Reactnative开发实战

前端开发 / 2020-10-27 11:05:10
Reactnative开发实战
    马上咨询

    金老师  一线互联网前端专家　

    58集团前端技术委员会主席，曾带领团队完成58集团公司级重点项目，前后端解耦和奥林匹亚性能优化，为公司带来巨大商业收益；硕士毕业于中国人民大学，2006年校招入职百度，见证了百度前端团队从5人到1000人的过程；在百度期间，担任百度技术leader，负责百度文库团队研发管理工作；多年的前端开发和团队管理经验，在HTML5深度开发实践、前端性能优化、前后端开发模式变革优化、Webview技术等方面具有丰富的实战经验。

    课程内容

    RN开发进阶主要围绕RN方案意义、框架基础、前端工程化、性能优化、架构未来演进等方面进行讲解，本培训将围绕这五个领域分布展开，即有理论支撑部分（约占70%），也会有实践方案（约占30%），更会介绍一线互联网公司腾讯、去哪儿、携程等在RN 方面的实战经验，有助于开发人员快速上手RN开发、有助于业务同学少趟坑，一次将决策作对，过程中也会针对框架、性能优化适当展开，培训内容将大幅降低企业交付成本，提升交付效率和提高交付品质。

    课程周期

    2天，共计14个小时

    课程目标

    1.快速掌握RN方案选型决策依据

    2.RN基础入门快速掌握

    3.RN性能治理、服务治理、框架等知识深入掌握

    课程大纲

    一、RN方案选型

    1.1 简介

    1.2 适用场景

           1.2.1 去哪儿

           1.2.2 携程

           1.2.3 腾讯

    1.3不适用场景

           1.3.1 Airbnb

           1.3.2 Udacity

    1.4 收益量化

    1.5RN场景深度剖析

           1.5.1 业务复杂型
           1.5.2 页面复杂型

           1.5.3Native，Hybrid，Flutter，小程序对比

           1.5.4RN局限

    1.6RN方案选型实践

         1.6.1以58同城react native方案选型为例


    二、RN开发基础

    2.1环境搭建

    2.2体验预览

    2.3 打包构建

    2.4 持续集成

    2.5发布

    2.6数据监控

    2.7RN开发流程深度剖析

    2.8RN开发流程实践

             2.8.1 以一个天气RN应用为例


    三、RN开发深入

    3.1 全新业务引入

    3.2 现有业务引入

    3.3 拆包

    3.4 版本更新

    3.5热更新

    3.6三端融合

    3.7降级容灾

    3.8RN开发深入实践

           3.8.1以转转详情页为例


    四、框架进阶

    4.1去哪儿Qb
    4.2 去哪儿QRN框架

    4.3携程CRN框架

    4.4框架进阶深度剖析

    4.5框架进阶实战

         4.5.1以QRN框架升级为例


    五、RN性能优化

    5.1 性能优化通用体系

           5.1.1性能指标

           5.1.2性能采集上报

           5.1.3性能诊断

           5.1.4性能瓶颈优化

           5.1.5 性能评估

           5.1.6 性能监控体系

    5.2 性能优化实践-以去哪儿酒店业务性能优化为例

          5.2.1 启动链路性能优化

          5.2.2 运营期间性能优化

          5.2.3 页面初始化管线

          5.2.4 数据源管线

          5.2.5 渲染调度化技术

          5.2.6 纯Native测优化

          5.2.7 Native Js交互延迟

    5.3 以去哪儿机票OTA业务性能优化为例

           5.3.1首屏时间&流畅度

           5.3.2页面预渲染
                  5.3.2.1Less Render

                  5.3.2.2 List滚动性能（Flatlist/RN Listview /Native Listview）

                  5.3.2.3 动画性能

           5.3.3预加载

           5.3.4懒加载

           5.3.5接口响应

                  5.3.5.1 序列化反序列化

                  5.3.5.2 请求响应减size

                  5.3.5.3 串行改并行

    5.4RN性能优化深度剖析


    六、RN周边生态

    6.1native通讯层优化

    6.2 自动化分析预警

    6.3 规模化实践之cms

    6.4 服务稳定性治理

    6.5 错误异常监控


    七、RN技术体系演进

    7.1 前端技术体系

          7.1.1滴滴

          7.1.2 美团

          7.1.3 58同城

           7.1.4 转转

    7.2APP整体架构演进

    7.3APM架构演进

    7.4 RN vs Weex vs Flutter       


    最新动态

    点击阅读更多内容
    返回顶部