写点什么

React 0.14 候选版发布,添加包分割,Refs 语法等新特性

  • 2015 年 9 月 17 日
  • 本文字数:1059 字

    阅读完需:约 3 分钟

两个月以前,React 0.14 发布 Beta 版,目前,该项目正式发布候选(RC)版。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 渲染引擎;
  • 允许跨渲染引擎共享组件,例如: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 发布了一个名为 codemod 的脚本来帮助开发者完成这一转变。

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

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

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

复制代码
var Aquarium = (props) => {
var fish = getFish(props.species);
return <tank>{fish}</tank>;
};

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

也可以访问 React 的 Github 仓库通过 bug tracker 来提交 issue。

查看英文原文: React 0.14 Hits Release Candidate, Adding New Package Split, Refs Syntax, and More

2015 年 9 月 17 日 19:002121
用户头像

发布了 63 篇内容, 共 127.1 次阅读, 收获喜欢 36 次。

关注

评论

发布
暂无评论
发现更多内容

『人民日报』大发系统靠谱的平台《手机搜狐网》

铂天工作室

『人民日报』带人回血很厉害的是谁《手机搜狐网》

铂天工作室

『人民日报』大小单双正规平台有哪些《手机搜狐网》

铂天工作室

『人民日报』大发回血导师真的靠谱吗《手机搜狐网》

铂天工作室

『人民日报』玩大发回血上岸有成功的吗《手机搜狐网》

铂天工作室

「走势讲述」快3的快速回本技巧『手机财经网』

辉煌

「EDG夺冠」五万本金每天赢五千『手机财经网』

辉煌

「央视新闻」 有没有人真心带回血上岸的《手机搜狐网》

辉煌

【今日热点】大发带人回血最稳的导师『手机搜狐网』

辉煌

『人民日报』实力带回血的导师《手机搜狐网》

铂天工作室

「央视新闻」大小单双口诀稳赚技巧《手机搜狐网》

辉煌

【央视联播】输三十万怎么才能回血『攻略大全』

辉煌

《重大新闻》大发输了好多钱怎么办『攻略大全』

辉煌

带人回血很厉害的导师是谁『手机搜狐网』

辉煌

『人民日报』快三一期必中导师qq《手机搜狐网》

铂天工作室

【央视联播】专业带人回血上岸『手机财经网』

辉煌

从区块链到传统互联网,隐私计算都是Findora的秘密武器

股市老人币圈新

「EDG夺冠」大发最稳的回血导师『手机搜狐网』

辉煌

『人民日报』单带回血最稳计划导师《手机搜狐网》

铂天工作室

「央视新闻」一分快三大小单双三期必中《手机搜狐网》

辉煌

「央视新闻」 大发最有实力带人回血的导师《手机搜狐网》

辉煌

『人民日报』导师带赚钱一对一微信《手机搜狐网》

铂天工作室

【今日热点】玩大发最厉害的回血导师『手机搜狐网』

辉煌

『人民日报』有实力带人回血上岸的导师《手机搜狐网》

铂天工作室

大发最厉害靠谱的回血导师『手机搜狐网』

辉煌

『人民日报』专业带人赚钱的实力导师《手机搜狐网》

铂天工作室

『人民日报』真正能够带人回血的导师《手机搜狐网》

铂天工作室

『人民日报』大发专业回血导师《手机搜狐网》

铂天工作室

「央视新闻」5000本金怎么回血35万《手机搜狐网》

辉煌

「央视新闻」大发输了走势回血技巧《手机搜狐网》

辉煌

「央视新闻」正规的大发单带回血导师《手机搜狐网》

辉煌

数据cool谈(第2期)寻找下一代企业级数据库

数据cool谈(第2期)寻找下一代企业级数据库

React 0.14候选版发布,添加包分割,Refs语法等新特性-InfoQ