React Native 的一些介绍(正式发布之前的, 已过时)

这篇文章是在 React Native 发布之前写的,已经过时了.
如果想了解推荐下面几个链接:

以及下方评论给的极客学院的中文版介绍:

不知道上下文的同学可以扫一眼 CSDN 上的介绍:
http://www.csdn.net/article/2015-01-29/2823762-facebook-announces-reac...

React Conf 的视频在这里:
http://react-china.org/t/guan-yu-react-native-xian-zai-de-xin-xi/241

原文是 Hacker News 上的帖子,我做了很粗糙的翻译,其中内容对视频做一些补充:
https://news.ycombinator.com/item?id=8964935

明天第二天的大会当中发布具体的信息之间,这篇翻译的内容也许有不准,请参考英文跟进

我是 Jordan 我在 React 团队(也是 React Native 团队). 这个线索已经有一些很棒的问题和看法了.
React Native 围绕着生产力(当然还有能够使用 React 这套放弃)提供了大量的方便,
不过因为有很多关于性能的问题,我想我还是分享一些我个人关于它的看法.

React Native 和其他的方案区别很大,由于:

  1. 我们并不是希望给你一个神奇的戏法能让在你不改变任何的开发哲学/习惯的情况下就能自动生成出很棒的移动应用体验.
    如果你在做移动开发,你想要很棒的用户体验. 你必需是要关心性能,必须关心怎么编写精细的交互.
    任何优秀的移动端体验后面,都需要很专心的人. 不要相信别的说法.
    不过,我感到相比而言要达到那样有些的效果,React Native 要求开发开发者做的工作,比其他我见过的备选方案要做的工作要少得多.

  2. React Native 完全不用 DOM. React 原本用来解决浏览器开发中出现的,不可预测的编程实践当中常见的性能问题,
    但是也仅仅能帮你做那么多而已.
    React Native 提升了一个层次,不止于浏览器所能做的.
    React Native 展示的 ReactJS 总是更多地偏向于 "zero DOM" 而不是 "virtual DOM"(跟大家以为的相反).

  3. React Native 也很特别,因为我们想要继承一些 Web 开发当中好的地方.
    这是因为我们只是想要性能,想要 Native View 的资源的控制能力,而不是要抛弃 Web 开发优秀的内容.
    在 React Native 当中,你可是使用 CSS Flexbox 对 Native View 进行布局,
    同时有很多很熟悉的样式属性,但是不会有泛滥的 CSS style reflow.
    事件系统也跟现在 React 应用当中的一致,因为类库的代码是一样的.
    按照 Web 开发中让我们高效开发的样式/布局的子集来构建应用,
    那样开发者就能在当下就构建优秀的 Web 应用,而不是把时间排到未来.
    我认为真的,相比鼓励开发者抛弃任何哪怕有点像 Web 技术的东西然后学一门完全不同的工具链(甚至两门三门),这样要好得多.

  4. React Native 特殊的地方还在于它可以用 JavaScript 来写高质量的应用.
    在浏览器当中,你很可能要对付一些低层级的限制,然后你没有办法.
    或者是不能访问平台上的控件(在 scroll view 当中包含 physics/Maps),
    或者是你在实现当中总是被图片解码干扰,没什么办法.

用 React Native 的话,你可以有一些办法了.
你可以在 ReactJS 应用当中使用那些永远不会用 JS 来实现的 view(比如地图),
而且你的构建当中可以用一些更高的执行粒度的 block,
(多线程解码的 <Image />)(不使用 DOM 的 <View > block) 结果是这带来了质量方面到了空前的层次的感觉,而且对应平台的特征.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 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