博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
React 0.14候选版发布,添加包分割,Refs语法等新特性
阅读量:6371 次
发布时间:2019-06-23

本文共 1461 字,大约阅读时间需要 4 分钟。

两个月以前,React 0.14发布,目前,该项目正式。React 0.14将强制分离渲染引擎与关注点,简化无状态组件的声明,添加新语法refs

\\

React 0.14将被分割为两个包:reactreact-dom。这一决定旨在强制分离React和它的DOM渲染引擎。分离后的react包含各种创建组件的方法,例如:React.createElementReact.createClassReact.Component、React.PropTypesReact.childrenreact-dom包含各种渲染方法,例如:ReactDOM.renderReactDOM.unmountComponentAtNodeReactDOM.findDOMNodereact-dom/server提供对服务器端组件渲染功能的支持。

\\

Facebook尝试通过这次分离实现两个目标:

\\
  • 允许开发者自定义DOM渲染引擎;\\t
  • 允许跨渲染引擎共享组件,例如:react-dom[react-native][3][react-art][4][react-canvas][5]以及[react-three][6]。\

第二个主要变化是,React 0.14为内建的DOM节点引入了关注点引用(concerns refs)。在React 0.13中,如果你想通过引用(ref)访问一个节点属性,需要这样写:

\\
\\const nameNode = this.refs.name.getDOMNode();
\\

在React 0.14中,内建React节点的引用是节点本身,所以代码可以简化为:

\\
\\const nameNode = this.refs.name;
\\

引用节点的唯一作用是访问它的DOM节点,基于这个理念,这次的改变只针对内建节点,不会影响用户自定义的节点。与此同时,.getDOMNode()方法也被弃用并使用ReactDOM.findDOMNode进行替代。为此,Facebook发布了一个名为的脚本来帮助开发者完成这一转变。

\\

此外,React 0.14也在尝试简化有其它组件组成的无状态组件的声明方式,这与React 0.13启动时Facebook工程师所的如出一辙:

\\
\

不幸的是,我们不会在React中针对ES6类语法提供mixin支持。那与我们使用符合语言习惯的JavaScript的观念相违背。[…] 我们同样会开始设计一个新的组合API,可以不借助mixin简化常见的任务。

\
\\

React 0.14中的新语法将允许使用props作为参数并返回渲染的元素:

\\
\\var Aquarium = (props) =\u0026gt; {\  var fish = getFish(props.species);\  return {fish};\};
\\

React 0.14还会弃用一些方法,例如:this.getDOMNode()setPropsreplaceProps等。此外,React 0.13中所有的弃用警告全部转变为错误抛出。

\\

可以通过npm安装React 0.14:

\\
\\npm install --save react@0.14.0-rc1\npm install --save react-dom@0.14.0-rc1
\\

也可以访问库通过bug tracker来提交issue。

\\

查看英文原文:

转载地址:http://ztyqa.baihongyu.com/

你可能感兴趣的文章
墨西哥输油管爆炸已致73人死75人伤 爆炸原因确定
查看>>
兰州消防搜救犬享“贵宾”待遇 训导员与其同睡增进关系
查看>>
Python学习思维导图(必看篇)
查看>>
0基础学习Python应该掌握的知识点
查看>>
macOS NSStatusBar + NSPopover
查看>>
大数据:美团酒旅实时数据规则引擎应用实践
查看>>
Vue 折腾记 - (5) 写一个不大靠谱的selectSearch组件
查看>>
gfx-hal(Vulkan) CommandPool操作简析
查看>>
精读《极客公园 2019》
查看>>
忍者级别的JavaScript函数操作
查看>>
MariaDB完成C轮2700万美元投资 阿里巴巴领投
查看>>
PLook——记录你的知识
查看>>
简单好用可任意定制的iOS Popover气泡
查看>>
Vue 子组件调用父组件方法总结
查看>>
0328 - 一日三更
查看>>
使用react-hook 替代 react-redux
查看>>
推荐一部书,如何有效的沟通
查看>>
从后台切回来,你不想展示点广告吗?
查看>>
axios开发指南
查看>>
Python 如何传递运算表达式
查看>>