React Native初体验

互联网发展至今,经历了几个划时代的产物,2000年前后, 新浪、搜狐作为中国第一代互联网的门户席卷了中国大地;2005年前后,以阿里为代表的电商,腾讯为代表的IM即时通讯,百度为代表的搜索引擎牢牢占据了互联网三巨头的位置,中国互联进入三足鼎立时代;2010年起,以微信、陌陌、UC、滴滴等为首的第三代互联网产品迅速崛起,企图在新时代占据一席之地。在乔帮主去世后, 互联网似乎也停下了其迅猛发展的脚步,究其根本原因是硬件上的发展已远跟不上时代的步伐, 作为技术, 始终应以技术创新作为第一目标, 并为之奋斗终生。

Q: What React Native?(什么是React Native)
A: React Native是Facebook公司内部编程马拉松比赛的一个产物,旨在让前端开发也能够加入到客户端程序开发的大军中。

Q:Why React Native?(为什么要用React Native)
A: React Native是一整套项目开发的解决方案, 而不仅仅是人们眼中的MVVM, 它不仅是跨平台、不仅是为了做view。React Native强大之处在于它给了开发者极大的空间去扩充React Native的生态,你甚至可以自己去实现全部的React和Native之间的bridge。

Q: Where React Native?(React Native可以应用在哪里)
A: React Native可以只做一个View,也可以做逻辑、网络请求,你的APP可以完全构建在React Native上(重量级使用);你也可以在原生APP中只对一个简单页面使用React Native。

Q:When React Native?(React Native什么时候诞生)
A:Facebook 在 React.js Conf 2015 大会上推出了基于 JavaScript 的开源框架 React Native

Q: Who React Native?(都哪些人在研究, 使用RN)
A:最核心的研发React Native的是facebook的那些工程师, 作为一名开发者, 你以前从事的可能是Android、iOS甚至是前端开发。

Q: How React Native?(如何学习使用React Native)
A: 最直接也是最有效的学习React Native的方式当然还是facebook的官方文档, 虽然都是英文的, 但是你要是仔细看,会发现并不是特别难, 重点是, 文档中有些内容已经过时了, 因为React Native实在发展太快,变化太大了, 但这对初学者足以是10000点的暴击啊。

本文也是以当前时间对想快速上手React Native的同学给于简单的了解,可能不久的将来这篇文章就会和主流的方法完全不一样了, 不过就当是总结了。本文以iOS为例,Android的大体思想也是一样的, 但具体环境搭建肯定不一样,下面开撸。

. 安装npm

npm --version

如果正确输出版本号说明安装成功了。失败了自行百度吧,每个人的原因可能都不太一样。

. 安装react native

sudo npm install -g react-native-cli
react-native -v

如果能输出react-native-cli的版本号说明也安装好了。一切貌似都很easy, 通过官方的demo你可以用

react-native init AwesomeProject

来创建一个项目, 并打开它, Command⌘ + R, 一切都很顺利, 也没什么问题, 你甚至可以打开index.ios.js文件修改下里面的JSX,能换成不同的view, 一切都没什么问题, 这种是整个项目都用React Native做的实现方案。那如何在已有项目中使用RN呢? 由于篇幅有限, 将在下面一篇文章详细说明。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 混合开发一直都比较想接触的技术,所以这几天就学习了下React Native的配置及JavaScript的基础,体...
    Ruheng阅读 1,528评论 3 14
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,687评论 25 708
  • 第三章 第一节 初识 看了2分钟,D教授就皱起了眉头,他好像总是这样,那应该是最后一张日记了,他看看对面的2位,又...
    九号咖啡屋阅读 328评论 0 0
  • 今天下午,妈妈接到我以后,就带着我去了人民医院,她说要去看望我的舅妈和刚出生的小弟弟。当我们走到医院的时候,我看见...
    王辉霞阅读 459评论 0 3
  • 由于同源策略的限制,JavaScript 跨域的问题,一直是一个颇为棘手的问题。但是,HTML5 提供了在网页文档...
    codeice阅读 626评论 0 1