zl程序教程

您现在的位置是:首页 >  前端

当前栏目

React的替代方案Inferno发布1.0版本

React 版本 发布 方案 替代 1.0
2023-09-11 14:22:17 时间

类似于React的JavaScript库Inferno发布了1.0版本,对于那些熟悉React,但对现代化JavaScript库的大小感到沮丧的开发人员提供了一个新的可选方案。

Inferno的口号是“用于构建现代用户界面的、超快的类React JavaScript库”。它的目标用户是那些喜欢React的理念和API,但是并不需要其辅助功能(比如使用React Native的能力)的开发人员。Inferno是严格针对浏览器或服务器以及典型DOM构建的。在网络传输方面,Inferno的大小是9 KB ,而React的大小是45 KB(两者均为gzip的文件大小)。这样的话,在移动设备上,就会有更短的解析时间,因此,性能也会更好。

该团队花费了很多的时间在实际的性能提升上。在一个采访中,这个库的创建者Dominic Gannaway提到了在性能方面所开展的工作:

进行广泛的检查,确保反优化(deoptimisations,“deopts”,指的是JIT编译器无法编译的地方)的内容达到最小化。Inferno团队采用了基准测试、探测工具(IRHydra、Chrome Dev Tools),并对代码库的各个部分进行了很多的重写,只是为了持续地寻找移除deopts的方法。

Inferno的代码非常类似于React,如下的代码展现了这一点:

class MyInfernoTest extends Component { componentDidMount() { setInterval( = { this.setState({ time: (new Date()).toLocaleString() }); }, 200); } render() { return
Current time: {this.state.time}
}}
在宣布版本发布的文章中,核心团队的工程师Luke Sheard指出,2016年,在Github上,该项目的star数量已经从150个攀升到年底的近7300个。目前它已经超过了8000个。尽管因为性能的提升,Inferno特定的代码需要一些变更,但是通过恰当的兼容性库,它可以作为替换React的一个很好的方案。

今年,团队希望扩展框架的生态系统,但是还需要Gannaway在各个方面的指导。在2016年底,Gannaway宣布加入了Facebook,从事React的工作。Sheard说虽然Gannaway的作用会减少,但Inferno将会继续发展,他们会继续关注如何提升该库的核心体验和所支持的广度:

在2017年,Inferno将会持续关注核心功能的提升,尽快修正缺陷并且会为社区提供支持和使用指南,还会花费精力采纳新的库,扩展Inferno的涉及范围和实现模块化,使其能够应用到范围更广的场景中。到目前为止,很多模块已经移植过来了,但是通过社区的努力,我们希望能够继续扩展这项工作。

相对于更加著名的React的替代方案Preact,Inferno是一个新的参与者。这两者都可以用来替换React,但是它们在关注点上有所差异。

本文转自d1net(转载)


react进阶之refs转发(ts 版本) 我们知道,函数组件是没有状态的。因此,我们想想获取函数组件,不能是在类组件中那么使用,那么,如果我们想获取函数组件内部的dom 或者react 元素呢? 此时,我们就需要使用ref转发了.
react 组件 进阶之 ref (ts 版本) 如果ref的值发生了变动(旧的函数被新的函数替代),分别调用旧的函数以及新的函数,时间点出现在componentDidUpdate之前
React,优雅的捕获异常进阶篇, 含Hooks方案 在React项目中,因为事件处理程序总是需要写 try/catch,不胜其烦。 虽然可以丢给window.onerror或者 window.addEventListener( error )去处理,但是对错误细节的捕获以及错误的补偿是极其不友好的。