react native 教程有计划发展PC端么

来源：蜘蛛抓取(WebSpider) 时间：2017-02-26 04:31 标签： react native 教程
谈谈 React Native - 推酷
谈谈 React Native
几天前，Facebook 在 React.js Conf 2015 大会上推出了 React Native（
）。我发了一条微博(地址），结果引来了 100 多次转发。为什么 React Native 会引来如此多的关注呢？我在这里谈谈我对 React Native 的理解。
一个新框架的出现总是为了解决现有的一些问题，那么对于现在的移动开发者来说，到底有哪些问题 React Native 能涉及呢？
人才稀缺的问题
首先的问题是：移动开发人才的稀缺。看看那些培训班出来的人吧，经过 3 个月的培训就可以拿到 8K 甚至上万的工作。在北京稍微有点工作经验的 iOS 开发，就要求 2 万一个月的工资。这说明当前移动互联网和创业的火热，已经让业界没有足够的开发人才了，所以大家都用涨工资来抢人才。而由于跨平台的框架（例如 PhoneGap，RubyMotion）都还是不太靠谱，所以对于稍微大一些的公司，都会选择针对 iOS 和 Android 平台分别做不同的定制开发。而 JavaScript 显然是一个群众基础更广的语言，这将使得相关人才更容易获得，同时由于后面提到的代码复用问题得到解决，也能节省一部分开发人员。
代码复用的问题
React Native 虽然强调自己不是 “Write once, run anywhere” 的框架，但是它至少能像 Google 的
那样，在 Model 层实现复用。那些底层的、与界面无关的逻辑，相信 React Native 也可以实现复用。这样，虽然 UI 层的工作还是需要做 iOS 和 Android 两个平台，但如果抽象得好，Logic 和 Model 层的复用不但可以让代码复用，更可能实现底层的逻辑的单元测试。这样移动端的代码质量将更加可靠。
其实 React Native 宣传的 “Learning once, write anywhere” 本身也是一种复用的思想。大家厌烦了各种各样的编程语言，如果有一种语言真的能够统一移动开发领域，对于所有人都是好事。
UI 排版的问题
我自己一直不喜欢苹果新推出的 AutoLayout 那套解决方案，其实 HTML 和 CSS 在界面布局和呈现上深耕多年，Android 也是借鉴的 HTML 的那套方案，苹果完全可以也走这套方案的。但是苹果选择发明了一个 Constraint 的东西来实现排版。在企业的开发中，其实大家很少使用 Xib 的，而手写 Constraint 其实是非常痛苦的。所以出现了
一类的开源框架来解决这类同行的痛苦。
我一直在寻找使用类似 HTML + CSS 的排版，但是使用原生控件渲染的框架。其实之前
就做了这方面的事情。所以我还专门代表 InfoQ 对他进行过采访。BeeFramework 虽然开源多年，而且有 2000 多的 star 数，但是受限于它自身的影响力以及框架的复杂性，一直没有很大的成功。至少我不知道有什么大的公司采用。
这次 Facebook 的 React Native 做的事情相比
更加激进。它不但采用了类似 HTML + CSS 的排版，还把语言也换成了 JavaScript，这下子改变可以称作巨大了。但是 Facebook 有它作为全球互联网企业的光环，相信会有不少开发者跟进采用 React Native。
不过也说回来，Facebook 开源的也不一定都好，比如
就被 Facebook 放弃了，但是不可否认
作为一个框架，在那个时期的特定价值。所以 React Native 即使没有成功，它也将人们关注的焦点放在了移动开发的效率上了。很可能会有越来越多相关的框架因此涌现出来。
MVVM 在 Web 开发领域相当火热，而 iOS 领域的
虽然很火，但是还是非常小众。纠其原因，一方面是 ReactiveCocoa 带来的编程习惯上的改变实在太大，ReactiveCocoa 和 MVVM 的学习成本还是很高。另一方面是 ReactiveCocoa 在代码可读性、可维护性和协作上不太友好。
而 Web 开发领域对 MVVM 编程模式的接受程度就大不相同了，在 Web 开发中有相当多的被广泛使用的 MVVM 的框架，例如
。相信 React Native 会推动 MVVM 应用在移动端的开发。
终于说到最 “鸡冻人心” 的部分了。你受够了每次发新版本都要审核一个星期吗？苹果的审核团队在效率上的低下，使得我们这一群狠不得每天迭代更新一版的敏捷开发团队被迫每 2 周或 1 个月更新一次版本。很多团队上一个版本还没审核结束，下一个版本就做好了。
React Native 的语言是基于 JavaScript，这必然会使得代码可以从服务器端动态更新成为可能。到时候，每天更新不再是梦想。当然，代码的安全性将更一步受到挑战，如何有效保护核心代码的安全将是一个难题。
不管怎么样，这确确实实是一个移动互联网的时代，我相信随着几年的发展，移动互联网的开发生态也会积累出越来越多宝贵的框架，以支撑出更加伟大的 App 出现。作为一个移动开发者，我很高兴能够成为这个时代的主角，用移动开发技术改变人们的生活。
愿大家珍惜这样的机会，玩得开心～
已发表评论数()
请填写推刊名
描述不能大于100个字符!
权限设置： 公开
仅自己可见
正文不准确
标题不准确
排版有问题
主题不准确
没有分页内容
图片无法显示
视频无法显示
与原文不一致跟着React Native的趋势 - 博客频道 - CSDN.NET
wu__di的博客
分类：App开发互联网产品android开发iOS开发react native
& & &&Facebook在React.js Conf 2015大会上推出了React Native，想必各位从事app开发的都备受关注，有人说2016年React Native很可能会成为最受欢迎的的开源技术之一。姑且不论这项技术能不能火起来，对于程序猿来说，写一套代码能够适配两个平台也是大家一直希望的，随着技术的不断成熟，这个趋势是必然的。
& & &首先我们谈谈Hybird、React Native、Native三者的区别。
1.Hybird是半原生半web的混合类app，app使用web的形式加载内容，比如新闻类的应用很多采用的是这种方式。Hybird对于移动端的开发相对简单，但是体验方面没有原生的好。
2.React Native具有原生应用的用户体验，一份代码可以跨平台运行，在android和iOS都可以执行，所谓“Learn once, write anywhere”。此外门槛不高，web前端的开发人员可以轻松转型，而原来从事android和iOS开发的也能很快上手。
3.Native的体验不用多说，自然是最好的，而且像一些复杂的效果也只有它能做的到，比如socket文件传输，复杂动画等。
& & & 随着React Native的不断发展，相信Native能做到的React Native也一样能做到，因为React Native本身就是JS与移动端原生接口的交互过程，只要公共的组建多了，也很方便。所以强烈建议大家有时间可以了解一下，学习一些新的技术，对于自己的视野开阔是很有帮助的。下面根据自己的实践，向大家介绍一下如何使用React Native。
& & &以OS系统为例，在mac上给大家做演示：
1.环境安装与配置：
（1）安装Node.js，首先确保你安装了homebrew，执行brew install node
（2）安装Watchman和Flow，brew install watchman；brew install flow，
以上是基础的环境准备工作，如果想运行在iOS上，只需要安装xcode即可，如果还想在android系统上运行，则需要以下几步：
（1）安装git，xcode默认已经安装，如果没有安装请执行brew install git
（2）安装jdk，在oracle上下载dmg格式的安装即可
（3）安装Android SDK，brew install android-sdk。
（4）配置环境变量：sudo vi ~/.bashrc，编辑.bashrc文件，export ANDROID_HOME=/usr/local/opt/android-sdk，保存。
（5）命令行输入android，打开SDK Manager，下载sdk以及模拟器。
（6）创建Android模拟器，运行android avd弹出模拟器设置页面，根据需要创建自己的模拟器。
& & 至此，环境搭建大功告成，在这个工程中，有可能会出现一些问题，遇到的问题网上一般都有解决办法。接下来，我们创建工程，并使工程跑起来。
由于国内网络，你懂得，所以将npm设置下镜像，npm config set registry https://registry.npm.taobao.org；npm config set disturl https://npm.taobao.org/dist。
然后我们创建工程：首先初始化npm install -g react-native-cli，然后创建工程react-native init TestProject。
& & &如果想TestProject运行在iOS系统上，cd TestProject，也就是在TestProject目录下进入ios目录，打开工程文件TestProject.xcodeproj，运行即可。
& & &如果想在android上运行，cd TestProject，执行react-native run-android（运行前创建好模拟器），android工程也启动了。
& & &大家在练习的过程中有任何问题，可以给我留言或者加我微信：
排名：千里之外
（14）（20）（18）（4）（1）（5）（4）（1）（2）（2）

我要回帖

更多关于 react native 教程 的文章

 

随机推荐