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呢? 由于篇幅有限, 将在下面一篇文章详细说明。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 162,306评论 4 370
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 68,657评论 2 307
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 111,928评论 0 254
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,688评论 0 220
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 53,105评论 3 295
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 41,024评论 1 225
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 32,159评论 2 318
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,937评论 0 212
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,689评论 1 250
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,851评论 2 254
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,325评论 1 265
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,651评论 3 263
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,364评论 3 244
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,192评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,985评论 0 201
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 36,154评论 2 285
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,955评论 2 279

推荐阅读更多精彩内容

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