最近一段时间在学习和实践React Native,做一些有趣有用总结和大家分享。
这个系列文章的索引:
- React Native入门实例教程 - 准备开始
- React Native入门实例教程 - 从现有项目迁移
- React Native入门实例教程 - 一个完整的React Native例子
- React Native入门实例教程 - 开始开发
- React Native入门实例教程 - Native与JS通信详解(待补充)
- React Native入门实例教程 - iOS导航专题
- React Native入门实例教程 - 调试系统
- React Native入门实例教程 - 开发遇到的问题汇总
- React Native入门实例教程 - 项目打包发布
先简单介绍一下React Native的优势:
React Native的优势
相比于Hybrid App和Web App:
- 不依赖WebView,彻底摆脱WebView让人不爽的交互和性能问题;
- 可使用iOS“牛逼的”原生动画;
- Facebook维护的开源项目,非常活跃的开源社区,稳定性和可持续性得到保障。站在巨人的肩膀上,不用再造轮子;
- 具有较强的扩展性,Native提供的原生控件在JS中可以自有组合使用;
- TouchableXXX,点击事件也被抽象成了JS组件,实时的点按和取消能力;
相比于Native App: - 可以通过更新云端JS,直接更新App,大型Native App都在做的Hybrid App方案;
- 调试和发布过程无需二次编译,节省调试时间成本;
- 复用React系统和css-layout,分层、diff机制、Virtual Dom等NB的架构和设计模式;
- React Native可以让JS直接运行在Mac Chrome中,极大的方便了调试。自带Reveal;