React Conf 2018 大会发布 React Hooks 和 React 16.7 Alpha

阅读数:729 2018 年 11 月 23 日 14:34

React Conf 2018大会发布React Hooks和React 16.7 Alpha

最近的 React Conf 2018 大会上推出了 React 16.7 的 alpha 版本,包含了“Hooks”提案(允许开发人员在不编写类的情况下使用状态和其他 React 特性),以及几个很有用的第三方 React 包。

这次 React Conf 的最大亮点是 Hooks 的新提案,该提案致力于解决 React 中的几个问题:

  • 难以在组件之间重用有状态逻辑;
  • 复杂的组件变得难以理解;
  • 类容易让人和机器感到混淆。

React 团队认为,类是学习 React 的最大障碍,因为很多工程师不理解“this”在 JavaScript 中是如何工作的,因为它与其他语言中的“this”非常不一样。经验丰富的 React 开发人员对 React 的函数组件和类组件之间的区别以及何时使用它们当中的哪一个存在意见分歧。

React 不会移除类,而是提供了与现有代码一起使用的 Hooks。

用户可以在 CodeSandbox 中尝试 Hooks,还有一个新的 UseHooks 网站,每天都会更新 Hooks 示例。

此外,在 React Conf 大会上,微软软件工程师 Chris Trevino 谈到了“图表的缺失抽象”,并介绍了 chart-parts ,这是一个开源项目,为数据可视化提供灵活、兼容 React 的图形语法。它的源代码结构不是特别针对 React 的,所以也可以为作为其他图表和数据可视化实现的基础。

SVG 在虚拟 DOM 领域变得越来越流行。除了图表和数据可视化之外,软件工程师 Elizabet Oliveira 还介绍了将 SVG 插图作为 React 组件的技术。她还介绍了 react-kawaii ,这是一个以 React 组件形式提供的开源插图示例集合。

React 对 TypeScript 的支持得到持续的改进,并宣布下一版本的 create-react-app 将提供一个标志用来生成 TypeScript 版本的应用程序源代码。

React Conf 还发布了 RouteQL,一个用于在 React 中执行与后端无关的 GraphQL 风格的数据请求。

RouteQL 借鉴了 GraphQL 等工具的想法(我们甚至使用了 graphql 的查询结构和解析器),以及来自 Apollo 等工具的 Query 组件或 routeql 高阶组件的想法,并应用它们来实现这些与后端无关的查询。RouteQL 将查询转换为路由请求,可以使用 props 来确定路由和查询参数。

要使用 React 16.7 的 alpha 版本,请使用 yarn 安装它:

复制代码
yarn add react@next react-dom@next

React Conf 2018 大会的视频现已发布,包括“React Today and Tomorrow”以及“90% Cleaner React with Hooks”,其中介绍了 React Hooks 背后的动机。

查看英文原文 React Conf 2018 Introduces React Hooks and React 16.7 Alpha

评论

发布