为什么学习React Native三点原因

React Native不到两岁,兼容Android平台刚刚1年。我学习React Native其实也就不到1年,不算长,也不算短。

Paul Graham在文章中写过:大多数人真正注意到你的时候,不是第一眼看到你站在那里,而是发现了过了这么久你居然还在那里。

我就是Paul提到的”大多数人”,当React Native刚出来的时候,我就通过CSDN等一些平台了解了React Native,但是并没有真正的关注它。

过了半年多,发现React Native不但还依然存在,而且还产生了不错的React Native社区。从此开始逐渐关注React Native。

至于为什么深入学习React Native,有以下几点原因。

一、开发React Native很少使用设计模式

对,你没有看错,确实是很少使用设计模式。有人会问我,这也算学习的理由?
我先搁置一下,先给大家讲个绝大多数人都听过的故事。

金庸小说中独孤求败的剑冢中,埋的是独孤求败一生几个阶段中用过的几柄剑。

第一柄是一柄青光闪闪的无名利剑。凌厉刚猛,无坚不摧,弱冠前以之与河朔群雄争锋。
第二柄是紫薇软剑,三十岁前所用,误伤义士不祥,乃弃之深谷。
第三柄是玄铁重剑,重剑无锋,大巧不工,四十岁之前恃之横行天下。
第四柄是柄已腐朽的木剑,原因是独孤求败「四十岁后,不滞于物,草木竹石均可为剑」

独孤求败一生境界阶段分为利剑级、软剑级、重剑级、木剑级,对应用不同的武器。

而程序员编程阶段同样分为几个阶段。

  1. 利剑级,利剑招式一般直接。刚入职场的程序员,技术有限,一般都是以实现功能为主要任务,不考虑性能,模式。
  2. 软剑级,就是在招式已经发挥到极致的基础上追求变化的极致;当程序员迭代过几次项目,就会认识到程序存在的问题,代码也会更加规范。
  3. 重剑级,相比于软剑是一种质的飞跃;当程序员工作多年后,做过好多项目,慢慢就会了解各种模式,融会贯通,达到架构师的高度。
  4. 木剑级,基本上达到人剑合一的境界; 这也是我主要要讲的境界,能够回到程序的本质。

回到程序的本质,程序的形式应该仅仅反应它所要解决的问题。

当我们开发程序一段时间后,就会发现编程已经变得制度化了,尤其是使用面向对象的语言,我们大量听到 模式(pattern)这个词,但是我们应该想到模式并不应该存在的。
程序就是为了要解决问题,而在代码中其它任何外加的形式都是在告诉我们,表明对问题的抽象不够深,这些原本应该让编程语言本身去实现。

当我使用原生代码开发Android程序的时候,用到了大量设计模式——工厂设计模式,适配器设计模式,单例设计模式等等一大堆。一开始的时候自我感觉良好,认为自己很牛逼,面试别人或者自己去面试时都会显摆下。后来我就想,Android框架为什么不提供更深的抽象,让我直接实现具体的功能,而不用使用各种模式搭建各种框架呢?

当我接触React Native时,虽然React Native也需要用到一些模式(现阶段很难避免的),但是React Native整体设计架构要比Android强很多,非常直接。

举个例子,在React Native开发中,我们要改的数据统一放在状态机中,只要改动状态机里的数据,界面上不管有多少处,只要和改动的数据相关联都会发生改变。而在Android原生开发中,可能需要把多处要改变的封装到一起,进行操作,无疑多了一步封装。

代码更加直接,就意味着程序更加好维护。程序更好维护,就意味着成本更低。

二、学习成本比较高

第二点让我学习的理由就是React Native学习成本相对比较高,也许之前的理由你接受了,这个可能又会让你抓狂,为什么学习成本高还要去学习啊?

往往学习成本高的才更加值得去学习!

React Native学习成本确实很高,
你首先肯定需要学习JSX语法,React知识,学习ES6,函数式编程思想。如果你想了解React Native构建的还需要学习nodejs。封装原生组件还需要学习 java,object-c,swift, 也就是需要学习Android和ios原生开发。设计到通讯原理还需要了解C++。

有些程序员可能会因为想炫耀自己见多识广,会告诉你“所有编程语言基本相似”,“语言不重要,重要的是理解”;其实上面说的是一派胡言,每种语言从语法到概念,都不一样。你学会其中一门语言对你学另一门语言的好处就是你可以进行对比,加深学习的印象。

虽然学习成本很高,但是通过学习React Native而掌握这么多技术并不是什么坏事。React Native其实就把各种知识打成一个压缩包,让我们更有效率的学习。

React Native技术,同时具备可测量性和可放大性。

React Native既可以开发Android也可以开发IOS,尤其是写界面的速度非常快。通过测量完成的程序,理论上你可以是一名普通的Android/IOS程序员的两倍。

微软也开发了Windows Phone的React Native版本。通过React知识,你可以轻松写出Web端程序。甚至在微信小程序中都能找到React Native的影子。

我们这个世界,你向下沉沦或者向上奋进都取决于你自己,不能把原因推给外界。有些刚毕业的学生一听到5%的人占社会50%的财富,往往认为是不公平的。从程序员的角度,我也认为是不公平的,因为5%的程序员写出了全世界99%的优秀软件,他们就应该占更高比例的收入。

一个React Native程序员就应该是一个普通的Android/iOS程序员工资的两倍,并没有什么问题。

三、React Native还不是很完善

React Native还有很多坑,并不完善,React Native几乎每个月都有新的小版本发布,至今还没有推出1.0正式版本。这也恰恰使我们学习React Native的理由!

前几年,我在北京上班时经常听到javaEE程序员抱怨自己开发了这么多年不如一个新入职的Android/iOS程序员工资高。
其实很好理解啊,难道不知道技术越新越值钱这个道理吗?

程序员就像蚊子一样,群体很多,在后厂村路上10个估计有7个是程序员,但是每个程序员个体压力又很大,想生存必须吸取新鲜的血液。

目前使用React Native的公司不是很多,当你作为一个产品经理或CTO时,你肯定优先跟随大多数人的选择的做法,有个专业术语叫做“业界最佳实践”。因为这个词出现的原因就是为了产品经理/CTO 推卸责任。既然我选择的是“业界最佳实践”,如果不成功,不是我的问题,而是“业界”的问题。

但是如果你是一名程序员按照上面的做法你会死的很惨,因为“业界最佳实践”会逐渐变化的,一旦你掌握的技能不是“业界最佳实践”了,你就要想办法让你的房贷别断供了。

React Native不会取代Android/iOS原生开发,但随着React Native正式版推出,也许它就变成了“业界最佳实践”了。

关于如何学习React Native

如果想快速入门React Native,官方Api是肯定需要看的。里面不但有文档而且有例子,涵盖了绝大多数知识。
http://facebook.github.io/react-native/docs/getting-started.html
英文不好的话,可以参考react-native中文文档(建议也要对比英文文档)
http://react-native.cn/docs/getting-started.html

FaceBook官方也提供了演示App,可以作为参考
https://github.com/facebook/react-native/tree/master/Examples
facebook开源的f8项目也是蛮不错的
https://github.com/fbsamples/f8app

最后强烈推荐CSDN 提供React Native知识库,里面涵盖了许多大牛对React Native知识的分享,能学到最新最全的知识。
http://lib.csdn.net/base/reactnative

总结

没有人有任何义务去看任何一篇文章,当您点击我的文章时就已经很看得起我了,我非常感谢您,也许我的观点并不是对的,但是我相信时刻保持一颗学习的心永远是对的。

更多精彩请关注微信公众账号likeDev

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如果组件之中有复用的代码,需要重新创建一个父类,父类中存储公共代码,返回子类,同时把公用属性...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例如我们的 setState 函数式同步执行的,我们的事件处理直接绑定在了 dom 元素上,这些都跟 re...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom 转为真实 dom 进行挂载。其实函数是组件和类组件也是在这个基础上包裹了一层,一个是调...
react 本身提供了克隆组件的方法,但是平时开发中可能很少使用,可能是不了解。我公司的项目就没有使用,但是在很多三方库中都有使用。本小节我们来学习下如果使用该...
mobx 是一个简单可扩展的状态管理库,中文官网链接。小编在接触 react 就一直使用 mobx 库,上手简单不复杂。
我们在平常的开发中不可避免的会有很多列表渲染逻辑,在 pc 端可以使用分页进行渲染数限制,在移动端可以使用下拉加载更多。但是对于大量的列表渲染,特别像有实时数据...
本小节开始前,我们先答复下一个同学的问题。上一小节发布后,有小伙伴后台来信问到:‘小编你只讲了类组件中怎么使用 ref,那在函数式组件中怎么使用呢?’。确实我们...
上一小节我们了解了固定高度的滚动列表实现,因为是固定高度所以容器总高度和每个元素的 size、offset 很容易得到,这种场景也适合我们常见的大部分场景,例如...
上一小节我们处理了 setState 的批量更新机制,但是我们有两个遗漏点,一个是源码中的 setState 可以传入函数,同时 setState 可以传入第二...
我们知道 react 进行页面渲染或者刷新的时候,会从根节点到子节点全部执行一遍,即使子组件中没有状态的改变,也会执行。这就造成了性能不必要的浪费。之前我们了解...
在平时工作中的某些场景下,你可能想在整个组件树中传递数据,但却不想手动地通过 props 属性在每一层传递属性,contextAPI 应用而生。
楼主最近入职新单位了,恰好新单位使用的技术栈是 react,因为之前一直进行的是 vue2/vue3 和小程序开发,对于这些技术栈实现机制也有一些了解,最少面试...
我们上一节了了解了函数式组件和类组件的处理方式,本质就是处理基于 babel 处理后的 type 类型,最后还是要处理虚拟 dom。本小节我们学习下组件的更新机...
前面几节我们学习了解了 react 的渲染机制和生命周期,本节我们正式进入基本面试必考的核心地带 -- diff 算法,了解如何优化和复用 dom 操作的,还有...
我们在之前已经学习过 react 生命周期,但是在 16 版本中 will 类的生命周期进行了废除,虽然依然可以用,但是需要加上 UNSAFE 开头,表示是不安...
上一小节我们学习了 react 中类组件的优化方式,对于 hooks 为主流的函数式编程,react 也提供了优化方式 memo 方法,本小节我们来了解下它的用...
开源不易,感谢你的支持,❤ star me if you like concent ^_^
hel-micro,模块联邦sdk化,免构建、热更新、工具链无关的微模块方案 ,欢迎关注与了解
本文主题围绕concent的setup和react的五把钩子来展开,既然提到了setup就离不开composition api这个关键词,准确的说setup是由...
ReactsetState的执行是异步还是同步官方文档是这么说的setState()doesnotalwaysimmediatelyupdatethecomponent.Itmaybatchordefertheupdateuntillater.Thismakesreadingthis.staterightaftercallingsetState()apotentialpitfall.Instead,usecom