资讯频道 → 移动开发
阅读更多

2顶
0踩

移动开发

转载新闻 使用React Native一年后的感受

2016-06-14 11:29 by 副主编 mengyidan1988 评论(0) 有15521人浏览
React Native ios
引用
英文来自：https://discord.engineering/using-react-native-one-year-later-91fd5e949933
译文来自：http://www.dobest.me


当我在面试Discord的时候，技术主管Stanislav跟我说：
引用
React Native代表着未来。等它一发布，我们就会用它从零构建iOS应用。


作为一名原生iOS开发者，基于先前使用PhoneGap的经验，我非常怀疑使用Web技术构建移动应用的这种方式。但是当我学习并使用React Native一段时间之后，我非常庆幸我们做了这个决定。
开发效率

虽然iOS“团队”只有我自己一个人，但是iOS应用开发依然可以赶上Web和桌面应用开发闪电般的速度。Apple公司已经允许开发者使用JavaScriptCore进行应用的升级，而无需等待App Store的审核流程。这对于那些缺乏专业的iOS QA（质量保障）团队的小公司来说是非常便利的，因为iOS团队可以在发布新功能之后进行热更新。

使用React Native一年之后，我们的iOS开发周期明显变快了，这得益于很高的开发效率。比如：
  • 基于现有的前端架构，我们在两周之内就发布了V1.0的版本。
  • 相比于Auto Layout，基于Flexbox的样式可以节省一半的代码，并且更容易理解。
  • 使用Flux设计模式，iOS和Web应用共享了store和action的98%的代码。

性能

React Native在后台线程运行JavaScript并发送极小的代码到主线程中。事实证明，React Native相比于Objective-C或Swift编写的原生iOS应用来说有一些性能差异！
引用
Reactiflux小组的性能演示，该组有超过1.1万个会员 —— UI和JS线程大多数都是60FPS


然而，我们当初开始构建iOS应用时发现聊天滚动视图的性能并不令人满意，尤其是一些活跃的聊天分组。于是，我们决定使用ComponentKit构建聊天视图并编写必要的桥接代码代替原有的方案。当JS线程在完成一些繁重任务的时候，类库也无法提供原生那样流畅的动画（译注：之前动画是在JS线程执行，目前有人提交了一份代码，有望使用原生iOS动画接口），因此我们在抽屉侧滑动画上继续使用PopAnimation。

注： 作者称该应用仅聊天视图和抽屉动画是原生代码实现的，其他均由React Native实现。

当React Native Android版本发布时，我们也尝试在Android设备上运行应用，但遗憾的是，我们遇到了一些性能问题，只好暂时放弃。Android开发主管Miguel是这样说的：
引用
很遗憾，不同Android设备的性能差异很大，这点明显落后于iOS。我们可以让应用运行地很快，但是性能——尤其是触摸事件，即使在更高端设备上也不能令人满意。并且在早期，由于React Native Android缺乏完善的功能，我们从产品原型过渡到成品应用比iOS花费了更多时间。


可用性



React Native让开发工作更简洁，使得开发者可以专注于每个新版本核心功能的开发。应用内自带的开发者菜单为我节省了大量的时间。

其中我最喜欢的一个功能是Show Inspector（审查工具），它可以即时展现交互视图的层级结构以及被选组件中所有必要的样式信息，这无疑是我用过的最棒的iOS审查工具。
社区

React Native项目每两周会发布一个新版本，其中包含一些新的特性以及修复的bug。这有利有弊，好比iOS几个月的稳定版本的发布，新的代码需要额外的时间进行升级，尤其是生产环境中的应用。因此，这也是到目前为止我们fork的React Native仓库只有四次主要升级的原因。

由于React Native还不太成熟，资源有限，也不完整。但随着它越来越流行，在不久之后一定能赶上其他成熟的技术。下面列出了一些实用的资源，我也经常在它的仓库上提问和获取最新的信息：

引用
译注：中文资源：React Native学习指南

总的来说，React Native很有潜力，它把我们团队的移动应用开发带上了一个新的台阶。像我这样原生的iOS开发者可以平滑地过渡到React Native，这有些出乎我的意料。同时，它也帮助我扩展职业技能，因为我也可以很轻松地向React编写的Web应用贡献代码了。
  • 大小: 7.5 MB
  • 大小: 126.8 KB
2
顶
0
踩
评论 共 0 条 请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 使用 React Native 一年后的感受

    当我在面试Discord的时候，技术主管Stanislav跟我说： React Native代表着未来。等它一发布，我们就会用它从零构建iOS应用...但是当我学习并使用React Native一段时间之后，我非常庆幸我们做了这个决定。 开发效率 ...

  • React Native 的未来与React Hooks

    近期和一些朋友聊到了 React-Native 的官方重构状态，而刚好近期发布的 0.59.x 系列版本中，上层设计出现了比较大的调整，结合体验之后的状态，就想聊聊 React-Native 的现状、新版本的升级体验、还有新支持的 React...

  • React Native 迁移的阵痛

    另外，新功能应该使用 React Native 还是 Native 开发也是个问题。尽管大家都知道，新功能应该尽可能地用 React Native 开发，但是有些时候，不得不用 Native 开发，因为很多模块还没有被迁移。那么当前要用 Native...

  • 全网最全 Flutter 与 React Native 深入对比分析

    在去年也整理过 《移动端跨平台开发的深度解析》 的对比文章，时隔一年之后，本篇将重新由 环境搭建、实现原理、编程开发、插件开发、编译运行、性能稳定、发展未来 等七个方面，对当前的 React Native 和 ...

  • React Native学习资料

    官网： React 官方网站：https://reactjs.org/ React Github网址：...React Native官方网站：https://facebook.github.io/react-native/ React Native Github网址：https://github.com/facebook/...

  • 值得推荐的React Native学习资料

    转：值得推荐的React Native学习资料　https://github.com/reactnativecn/react-native-guide React-Native学习指南 本指南汇集React-Native各类学习资源，给大家提供便利。指南正在不断的更新，大家有好的资源...

  • React Native指南汇集了各类react-native学习资源、开源App和组件

    React-Native学习指南 本指南汇集React-Native各类学习资源，给大家提供便利。指南正在不断的更新，大家有好的资源欢迎Pull Requests！ 同时还有Awesome React Native系列 ...

  • 谈谈学习ReactNative那些资料

    学习ReactNative的现阶段，学习资料并不是那么的多。我们要寻找适合自己的资料才能有效的达到开发的要求。 * **构建 Facebook F8 2016 App / React Native 开发指南** http://f8-app.liaohuqiu.net/ ...

  • React-Native学习指南

    本指南汇集React-Native各类学习资源，给大家提供便利。指南正在不断的更新，大家有好的资源欢迎Pull Requests！ 同时还有Awesome React Native系列https://github.com/jondot/awesome-react-native 目录 教程 ...

  • react-native 入门学习指南

    本指南汇集React-Native各类学习资源，给大家提供便利。指南正在不断的更新，大家有好的资源欢迎Pull Requests！同时还有Awesome React Native系列 https://github.com/jondot/awesome-react-native目录教程React ...

  • React Native学习指南

    本指南汇集React-Native各类学习资源，给大家提供便利。指南正在不断的更新，大家有好的资源欢迎Pull Requests！同时还有Awesome React Native系列 https://github.com/jondot/awesome-react-native目录教程React ...

  • H5、React Native、Native应用对比分析

    Native发展的一年，2016年必定是React Native蓬勃的一年！2016年React Native很可能成为最为成功的开源技术之一。为什么React Native这么火呢？那么React Native相比H5、Native又有哪些优势呢？使用React Native的...

  • React Native初探

    React Native初探 转自：博客园叶小钗 前言 很久之前就想研究React Native了，但是一直没有落地的机会，我一直认为一个技术要有落地的场景才有研究的意义，刚好最近迎来了新的APP，在可控的范围内，我们可以在...

  • java项目，课程设计-ssm病人跟踪治疗信息管理系统

    病人跟踪治疗信息管理系统采用B/S模式，促进了病人跟踪治疗信息管理系统的安全、快捷、高效的发展。传统的管理模式还处于手工处理阶段，管理效率极低，随着病人的不断增多，传统基于手工管理模式已经无法满足当前病人需求，随着信息化时代的到来，使得病人跟踪治疗信息管理系统的开发成了必然。 本网站系统使用动态网页开发SSM框架，Java作为系统的开发语言，MySQL作为后台数据库。设计开发了具有管理员；首页、个人中心、病人管理、病例采集管理、预约管理、医生管理、上传核酸检测报告管理、上传行动轨迹管理、分类管理、病人治疗状况管理、留言板管理、系统管理，病人；首页、个人中心、病例采集管理、预约管理、医生管理、上传核酸检测报告管理、上传行动轨迹管理、病人治疗状况管理，前台首页；首页、医生、医疗资讯、留言反馈、个人中心、后台管理、在线咨询等功能的病人跟踪治疗信息管理系统。在设计过程中，充分保证了系统代码的良好可读性、实用性、易扩展性、通用性、便于后期维护、操作方便以及页面简洁等特点。

  • liunx project 5

    liunx project 5

  • PostgreSQL DBA实战视频教程（完整10门课程合集）

    分享课程——PostgreSQL DBA实战视频教程（完整10门课程合集）

  • 计算机科学基础期末考试试题

    计算机科学基础期末考试试题

  • c语言实验设备管理系统

    练习与巩固《C语言程序设计》理论知识，通过实践检验和提高实际能力，进一步培养自己综合分析问题和解决问题的能力。掌握运用C语言独立地编写调试应用程序和进行其它相关设计的技能。

  • 提高图像在低光照条件下的清晰度和可见性，使用CNN的图像重建网络，来实现亮度调节，可用于小白学习

    1. 数据集资源 公开低光照数据集：用于模型训练的低光照图像数据集，这些数据集包含了多种低光照条件下的图像，并附有增强后的高质量图像。 合成数据：在不足数据的情况下，可以通过对高亮度图像进行暗化处理生成低光图像对，以增强数据量。 自建数据集：对于特定场景，如安防、医疗等，可以拍摄或收集特定条件下的低光照图像来创建数据集，满足特定应用需求。 2. 硬件资源 GPU：大规模模型训练需要高性能计算，以支持大规模图像处理和神经网络训练。 数据存储：由于图像数据较大，需要大容量的存储设备如HDD或SSD来存储数据集及中间结果。 3. 深度学习框架及工具 PyTorch：支持构建和训练神经网络模型，尤其适合卷积神经网络（CNN）和生成对抗网络（GAN）的实现。 CUDA和cuDNN：为GPU加速库，在模型训练时可显著提升运行效率。

Global site tag (gtag.js) - Google Analytics