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

React Conf 2018大会发布React Hooks和React 16.7 Alpha相关推荐

React Conf 2018 专题 —— React Today and Tomorrow Part I 视频中英双语字幕
最近在掘金翻译计划校对了一篇 Dan Abramov 的关于 React Hooks 的文章,在 Sophie Alpert 和 Dan 在 React Conf 2018 上对 Hooks 的提 ...
React Conf 2018 专题 —— React Today and Tomorrow Part II 视频中英双语字幕
距离 React Conf 2018 结束已经将近一个月了,距离上个 React Conf 2018 的中英文双语视频发布也有两周的时间了,这两周,一直在进行Dan Abramov 的关于 React ...
React 2019年路线图发布！Hooks明年一季度上线
你可能在之前的一些文章和演讲中听过"Hooks"."Suspense"和"并发渲染"等新特性. 在这篇文章中,我们将介绍它们在React稳定 ...
2018 react 大会_React Conf 2018的经验教训
2018 react 大会 by Yangshun Tay 阳顺泰 React Conf 2018的经验教训 (Lessons Learned at React Conf 2018) I was fo ...
react销毁方法钩子0_React钩子：使用React状态的新方法
react销毁方法钩子0 Updated: With React 16.8, React Hooks are available in a stable release! 更新:随着React 16. ...
react引入多个图片_重新引入React：v16之后的每个React更新都已揭开神秘面纱。
react引入多个图片 In this article (and accompanying book), unlike any you may have come across before, I w ...
分享19 个来自 2019 React Conf 的总结
译者 | 博轩作者 | Anthony Morris 原文:https://blog.anthonymorris.dev/19-takeaways-from-react-conf-2019 Re ...
爱奇艺回应遭做空；百度 App 部分频道停更；React Native 0.62 发布 | 极客头条
整理 | 屠敏头图 | CSDN 下载自东方 IC 「极客头条」-- 技术人员的新闻圈! CSDN 的读者朋友们早上好哇,「极客头条」来啦,快来看今天都有哪些值得我们技术人关注的重要新闻吧. 一分钟 ...
React + TypeScript实战（二）hooks用法
本文采用的react相关技术为: react@18.2.0 typescript@4.7.4 脚手架create-react-app 一.函数式组建的声明方式 import react, { FC } ...

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

React Conf 2018大会发布React Hooks和React 16.7 Alpha相关推荐

最新文章

热门文章