React Native(之后简写为RN)火了一段时间了,但是当我跟身边的小伙伴提起的时候,好像知道的人并不多,是身边的伙伴Out了吗?其实,这还是得看是否有机会让你去研究的。可能你听了 RN 后根本不在意,也可能你想去了解下他,但是工作很忙,后来也就渐渐念头消失了。当然,如果你是技术宅(Me too)那可能怎样你都能抽出时间去学习。我算幸运了,公司领导是个对新技术有热情的人,所以,公司决定用 RN 重构整个项目。原因有两个:1. 将iOS和Android统一开发,为之后节省大量时间;2. 无需Apple审核,实现动态更新。
正文
今天,将对自己这段时间所学,做个总结,当然,也希望读者能从中学到点什么。在学习的过程中,如果遇到什么问题,希望我们也能相互交流。
下面,我将围绕这几个问题说明:
- 学习 RN 有用吗?
- 学习 RN 前需要准备什么?
- 遇到问题怎么办? ...
我们先不说未来 RN 是否会家喻户晓,我们先了解下他在试图解决什么问题。官方网站有句话:Learn Once, Write Anywhere。学习一种编程语言,实现所有平台的功能(从目前看,这门语言非 Javascript 莫属了)。Facebook表面上是说让Javascript可以实现多平台,其实从另一个层面上说,他在试图解决代码重复编写的问题。意思就是:你没有办法让 1 + 1 = 1, 但是可以实现 1 + 1 <<< 2(远小于2)。 这样说吧,假设你会 iOS 开发,又会 Android 开发,现在让你开发一个 App,你需要写 1 + 1 = 2 这么多的代码,即使你的 Model,你的 View 封装的再好,由于所用的编程语言不同,语法就更不用说了,所以你还是得改改改,然后才能转到另外一个平台去(一般情况下不会这样做的,都是Android和iOS分开开发的)。那现在如果能让 1 + 1 <<< 2 的话,你做不做?你学不学?另外,不管如何,这种思想是正确的,谁不想花少时间开发出同样的产品呢。
那些只是听过 RN 的人总会误以为 RN 所用的控件都是通过类似 H5 搭建App那样全部基于 web 来实现的,当我像他们提起说公司现在用 RN 重新搭建项目时,他们就会问:那 Native 的控件都不用了吗?性能会不会很差呀? 其实,不是的,从名字上就可以看出,RN用的是 Native 的控件。RN 上的控件(又叫组件)是通过 Native 上的控件进行封装的,所以我们用的还是 Native 的控件。但是现在 RN 还是有不少问题的,比如使用的 TableView(ListView) 就没法像 Native 那么高性能了,但是问题总有解决的一天。
那学习 RN 之前,我们需要什么技能储备呢?前面说了,RN 所使用的编程语言是 Javascript(使用的是jsx)语法,所以
- 有点 Javascript的基础是必须的,至少你得知道怎样定义一个变量,怎样定义一个函数(方法),然后稍微理解一下闭包(我就是只懂这些就开始的),闭包的概念现在在很多语言上都有了,Objective-C,swift,Java 等都引入了;
- 既然是开发 App,当然某一个平台的编程语言你是必须熟悉的。如果你已经是 iOS 或者 Android 开发者那就不用说了;
- flex-box 的布局方式你得先了解下,这对你的开发适配有很大的帮助。
下面说说我是怎样准备这些的:
- Javascript可以说我基本上都是不懂的,之前想学,但是都没机会。只知道
var
来定义变量,通过看其他源码例子,不懂就查(如数组元素怎样拼接成字符串,字符串怎样分割成数组这些很基本的函数调用,方法名其实跟其他语言的都基本一样),现在写出某个功能已经基本上没问题了,遇到不懂的语法就查下; - 因为我是做iOS开发的,所以对Objective-C还是有信心的(这样决定了我后面写的一些实现都只涉及到iOS,当然,很多都是和Android通用的);
- 我是这样学 flex-box 的,先看一遍这篇文章:一个完整的Flexbox指南或这篇Flex布局教程:语法篇了解了它大概能怎样进行布局,然后这篇文章我就没再关掉过了(至少到现在都没关掉这个网页),还是那句话,不记得的时候就看一下,渐渐的就熟悉了。就这样我开始了 RN 开发项目之旅。
最后一个问题,遇到问题怎么办? 现在我知道的是国内有几个中文社区,如React-China, React Native中文社区。国外资料的话,首先 Facebook 的官方文档已经有很详细的使用说明了。但是我们遇到其他各式各样的问题,如果遇到不懂的语法直接 google基本上就够了,而如果发现了 RN 的 bug 之类的,我们可以直接去 RN 的 github 上去查 issue,没准其他人也已经发现了,如果实在没有,那就只能自己发 issue 了。另外,RN 现在更新很快,基本上两三个星期就有个新的版本了,所以,今天发现的 bug 可能明天就被修复了。
下一篇:React Native环境搭建
,