[译] 一名 iOS 开发者的 React Native 开发经历

简介: 本文讲的是[译] 一名 iOS 开发者的 React Native 开发经历,如果你是一名 iOS 开发者,你应该听说过 React Native。它给出了简单而吸引人的承诺:一次编写,两处部署,同时搞定 iOS 与安卓版本的 app。
本文讲的是[译] 一名 iOS 开发者的 React Native 开发经历,

一名 iOS 开发者的 React Native 开发经历

如果你是一名 iOS 开发者,你应该听说过 React Native。它给出了简单而吸引人的承诺:一次编写,两处部署,同时搞定 iOS 与安卓版本的 app。我是一名资深的 iOS 开发者(还是一名更资深的 macOS 开发者),我想分享我应用这门神奇技术的经历。

去年,我们和一个客户进行过交谈。他们来找我们是因为他们想尽快完成他们的 iOS app。在讨论的过程中,他们提到了这个叫做 React Native 的东西。他们有个善于使用 Javascript 的 web 开发人员,那个人指出使用 RN 可以让开发速度快很多。这场谈判最终我们没有达成共识而是以失败告终,但这件事也让我开始思考是否应该将 RN 纳入我们的技术栈中

几周后一位老友来访,让我为他出版的一本书制作一个 app 作为补充参考资料。因为这个工作我找到了一线机会:这是一个很棒的时机来试一试 React Native。由于他的读者大多数使用安卓系统,因此「一次编写,两处部署」的理念在此深得我心。

我不会带你亲历一遍我的各种尝试和遇到的问题。但我要说的是,就这么一个简单的 app,并不能使用 RN 很好的进行开发。以下是原因。

首先,我必须说一下除开「一次编写,两处部署」的承诺,我喜欢 React Native 的地方。

  • React.js,RN 由它而生。它是一种描述与更新 UI 的优雅方法。它的基本原理是组件使用一组传递给它的属性由上到下渲染其 UI。感谢 React 的虚拟 DOM,当属性变化时 UI 会立即更新,使得 model 与 view 能够自动且无缝地同步。我多么希望 iOS 的 UIKit 也这样设计啊!
  • 更新 JSX 代码就可以在模拟器中更新 app 而不需要重新编译与重新运行,这点真的很棒。
  • 蓬勃发展的 RN 社区提供了数以百计的预制组件,你可以在你的 app 中使用它们。(实际上我非常讨厌这种看似专业的「脚本小子」的编程方法。构建一个大部分都不是你自己写的,并且弄不明白的 app,将会导致之后的维护如同陷入泥潭一般困难)
  • 我很担心 RN 的性能,但是在我的经历中它并没有出现问题。滚动和动画都很流畅。毕竟 RN app 大部分使用的是平台原生的 UI 控件,RN 的工程师们也对它们进行了很好的优化。

那么为什么我不喜欢它呢?老实说,我并不是 React Native 的目标用户。我熟悉 Javascript 但我并不精通它,我精通的是 Swift/Objective-C。我很快就意识到,如果我使用 RN 来完成这个 app,将会比我用 Swift 慢 10-20 倍。当然,安卓版本还要单独写,但是考虑到我学习 RN 的学习曲线,我还不如去学习 Java。

除此之外,我认为采用 RN 的解决方案还有一些严重的问题。

脆弱的依赖链

React Native 并不是一个一站式解决方案。我制作了一个粗略的必要组件依赖图:


上图为React Native 的依赖链

如果你来自 web 开发的世界,这可能对你来说很正常;但是对我来说,这很不正常。我的世界中有 Xcode,任何创建 Swift/Obj-C/iOS/Mac/Apple TV 等 app 所需要的东西都已经封装好并由 Xcode 管理。依赖链和前面的图一样(甚至更长),但是依赖链中的东西都保证是同步且兼容的。

我现在肯定 RN 依赖链中的大多数组件都是互相兼容的。但我遇到了四五个需要在 StackOverflow 上花几小时寻求解决方案的问题。在我心中更重要的是之后会发生的事情。例如,升级 Nuclide(IDE 的 RN 拓展)可能需要新版的 Atom。我系统中的另一个工具需要新版的 winston,如果那个版本不兼容 RN 怎么办?后果可想而知。

被打破的承诺

事实证明「一次编写,两处部署」的承诺只有部分实现了。我遇到了必须要把我的 RN app 根据目标平台(iOS 或安卓)进行「分支」的问题。例如 tab bar,你可能认为像它这么随处可见的组件会被 RN 列为「一等公民」,但事实不是这样的。RN 为 iOS 收录了 TabBarIOS组件,但是因为某些原因它在安卓上并不相同。相反,在 GitHub 上有一堆的教程和解决方案教你如何从头做起。又例如 nav bar,iOS 的 NavigatorIOS 与安卓的 Navigator 工作方式差别巨大。这些核心的导航功能结构在两个平台上的差异会导致要为每个平台分别编写大量的不同的文件与组件。我开始感觉到,尽管承诺很神奇,尽管我在用同一种语言,但其实我仍然在写两个不同的 app。

  • 实际上,这个「承诺」其实是别人推断的,并不是官方宣称的(至少 Facebook/RN 的人没有这么宣称过)。官方宣传的是「一次学习,随处编写」。

令人惊讶的技术限制

我在做的这个项目其实是一个层级化的参考指南。书作者和我为目录与文章用我们设计的 UI 范式规划了一套挺合理的布局。根据我们的想法,我们可以通过链接或导航跳转到数百个使用静态内容的详情页中。我写好了代码,但奇怪的是我调用 require() 一直不成功。我经过一段时间的研究,了解到 RN 限制您无法从任意路径读取文件。显然你的 RN app 在编译时收集了所有可能用到的路径,任何编译器无法找到的路径都将不能读取。所以你可以用require(‘../file1.json’) 但不能用 require(‘../file’ + ‘1’ + ‘.json’)。这个让人惊讶的限制使得我们的架构无法实现。

冒牌货般的 UI

你最终完成的 RN app 可能既不像原生的 iOS app 也不像原生的安卓 app。大多数用户可能不会察觉这个问题,但有些人会发现更大的问题。你有可能会丢失一些用户会注意到的平台特有的细节,例如不能从左侧右滑来返回。(当你用 NavigatorIOS 完成两个平台的导航时会出现这个问题)

总而言之,iOS 开发者不应该将 React Native 视为两个平台的跨平台解决方案。写一个原生的 iOS app 将会花费更少的时间并可能得到更棒的 UX。对于安卓 app 也一样,所以我认为大家应该更多的去专注于平台原生解决方案。

什么时候用 RN 才是正确的呢?如果你是一个专业的 Javascript 程序员或者你有这么一个员工,并且你不打算配置 iOS 开发或安卓开发人员,那么你可能会从中获益。还记得那个想要尽快做好跨平台 app 的那个客户吗?他们有一名 Javascript 工程师,他们 app 的 v1.0 版本最近才出现在应用商店中。此时,距他们联系我们已经过去了 8 个月。





原文发布时间为:2017年4月01日

本文来自云栖社区合作伙伴掘金,了解相关信息可以关注掘金网站。
目录
相关文章
|
1月前
|
iOS开发 开发者
uniapp开发ios打包Error code = -5000 Error message: Error: certificate file(p12) import failed!报错问题如何解决
uniapp开发ios打包Error code = -5000 Error message: Error: certificate file(p12) import failed!报错问题如何解决
136 67
uniapp开发ios打包Error code = -5000 Error message: Error: certificate file(p12) import failed!报错问题如何解决
|
3月前
|
开发框架 前端开发 Android开发
安卓与iOS开发中的跨平台策略
在移动应用开发的战场上,安卓和iOS两大阵营各据一方。随着技术的演进,跨平台开发框架成为开发者的新宠,旨在实现一次编码、多平台部署的梦想。本文将探讨跨平台开发的优势与挑战,并分享实用的开发技巧,帮助开发者在安卓和iOS的世界中游刃有余。
|
2月前
|
iOS开发 开发者 MacOS
深入探索iOS开发中的SwiftUI框架
【10月更文挑战第21天】 本文将带领读者深入了解Apple最新推出的SwiftUI框架,这一革命性的用户界面构建工具为iOS开发者提供了一种声明式、高效且直观的方式来创建复杂的用户界面。通过分析SwiftUI的核心概念、主要特性以及在实际项目中的应用示例,我们将展示如何利用SwiftUI简化UI代码,提高开发效率,并保持应用程序的高性能和响应性。无论你是iOS开发的新手还是有经验的开发者,本文都将为你提供宝贵的见解和实用的指导。
142 66
|
2月前
|
存储 监控 API
app开发之安卓Android+苹果ios打包所有权限对应解释列表【长期更新】-以及默认打包自动添加权限列表和简化后的基本打包权限列表以uniapp为例-优雅草央千澈
app开发之安卓Android+苹果ios打包所有权限对应解释列表【长期更新】-以及默认打包自动添加权限列表和简化后的基本打包权限列表以uniapp为例-优雅草央千澈
79 11
|
2月前
|
开发框架 Android开发 iOS开发
安卓与iOS开发中的跨平台策略:一次编码,多平台部署
在移动应用开发的广阔天地中,安卓和iOS两大阵营各占一方。随着技术的发展,跨平台开发框架应运而生,它们承诺着“一次编码,到处运行”的便捷。本文将深入探讨跨平台开发的现状、挑战以及未来趋势,同时通过代码示例揭示跨平台工具的实际运用。
166 3
|
2月前
|
Java 调度 Android开发
安卓与iOS开发中的线程管理差异解析
在移动应用开发的广阔天地中,安卓和iOS两大平台各自拥有独特的魅力。如同东西方文化的差异,它们在处理多线程任务时也展现出不同的哲学。本文将带你穿梭于这两个平台之间,比较它们在线程管理上的核心理念、实现方式及性能考量,助你成为跨平台的编程高手。
|
3月前
|
存储 前端开发 Swift
探索iOS开发:从新手到专家的旅程
本文将带您领略iOS开发的奇妙之旅,从基础概念的理解到高级技巧的掌握,逐步深入iOS的世界。文章不仅分享技术知识,还鼓励读者在编程之路上保持好奇心和创新精神,实现个人成长与技术突破。
|
3月前
|
安全 IDE Swift
探索iOS开发之旅:从初学者到专家
在这篇文章中,我们将一起踏上iOS开发的旅程,从基础概念的理解到深入掌握核心技术。无论你是编程新手还是希望提升技能的开发者,这里都有你需要的指南和启示。我们将通过实际案例和代码示例,展示如何构建一个功能齐全的iOS应用。准备好了吗?让我们一起开始吧!
|
3月前
|
安全 Swift iOS开发
Swift 与 UIKit 在 iOS 应用界面开发中的关键技术和实践方法
本文深入探讨了 Swift 与 UIKit 在 iOS 应用界面开发中的关键技术和实践方法。Swift 以其简洁、高效和类型安全的特点,结合 UIKit 丰富的组件和功能,为开发者提供了强大的工具。文章从 Swift 的语法优势、类型安全、编程模型以及与 UIKit 的集成,到 UIKit 的主要组件和功能,再到构建界面的实践技巧和实际案例分析,全面介绍了如何利用这些技术创建高质量的用户界面。
67 2
|
3月前
|
vr&ar Android开发 iOS开发
安卓与iOS开发中的用户界面设计原则
【10月更文挑战第41天】探索移动应用开发的精髓,本文将深入分析安卓和iOS平台上用户界面设计的核心原则。通过比较两大操作系统的设计哲学,我们将揭示如何打造直观、易用且美观的应用程序界面。无论你是初学者还是资深开发者,这篇文章都将为你提供宝贵的见解和实用的技巧,帮助你在竞争激烈的应用市场中脱颖而出。

热门文章

最新文章