React Native初探体验

React Native项目简介

• 15年3月发布,源于Facebook 2013年开源的前端框架ReactJS.
• RN实现了用JS编写具有Native体验的应用或页面.
• Github 17k+ Star 两周一个版本 目前版本是0.11. 最新支持Android.

Amazing Side

• RN页面同时具有Native的体验和H5的发布能力.
• React Native和React JS可以通过工具互相转换＝>This make it possible to run iOS RN app in web and Android.
• 前端人员使用已有的知识背景即可开发Native应用.
• UI组件化后 用标签+属性+JSON数据 即可快速构建View.

Bad Side

• 生产环境过高的Crash率. 1.37%@ RN v0.8 线上Native < 0.1%.
• 布局使用的Flexbox Android 4.4之后才支持.生产环境4.4之前的用户怎么办..
• ListView 性能问题.Cell没有复用机制.
• 复杂页面解析jsBundle和准备virtualDom的时间较Native存在比较大的差距.

业内应用

• Facebook Ads Manager 第一个跨平台RN App

  
  
  
  

  Why RN?

  

• 天猫iPad客户端“猜你喜欢”试水 & 天猫618大促页面

  

  RN戳中电商类型应用开发的痛点

  场景分析

  • 运营活动需求多...各种各样的节日促销活动
  • 页面需要在指定时间生效
  • 页面生存周期短
  • 相同的页面多平台重复实现

  这样看H5很适合,但H5导购体验不佳 影响下单转化率.H5更适合做传播.

  RN的出现解决了这些问题:

  • 组件化后 具备前端一样的开发效率.
  • H5的发布能力 & Native的体验.
  • 一次开发 使用工具转化到其他平台.

Quick start just in two step:

Offical Doc & Demo

Demo