写点什么

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

  • 2018-11-23
  • 本文字数:976 字

    阅读完需:约 3 分钟

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


2018-11-23 14:341421
用户头像

发布了 731 篇内容, 共 469.1 次阅读, 收获喜欢 2007 次。

关注

评论 1 条评论

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

用NOSql给高并发系统加速

架构师修行之路

nosql redis 分布式 微服务

“海外同步优惠”与“中国专享折扣”十大必败榜抢先放送

爱极客侠

讲一讲我所认为的「人生三最」,你或许能够参悟到什么

非著名程序员

程序员 个人成长 时间管理 精力管理

典型的大型互联网应用系统的技术方案和手段

坚持写技术博客一年能有多少收获!

小傅哥

Java 面试 架构师 编程经验 技术博客

架构师训练营第 1 期 - 第四周学习总结

Anyou Liu

极客大学架构师训练营

LeetCode题解:104. 二叉树的最大深度,递归,JavaScript,详细注释

Lee Chen

大前端 LeetCode

JDK 中的栈竟然是这样实现的?

王磊

Java 数据结构和算法

手把手教你AspNetCore WebApi:Serilog(日志)

AI代笔

ASP.NET Core web api serilog

20年开源老司机手把手教你玩开源——openEuler入门指南

openEuler

Linux 开源 系统操作

Spring Cloud 微服务实践(7) - 日志

xiaoboey

kafka 微服务 Spring Cloud 日志 spring cloud stream

从联想ThinkStation工作站,窥见工具文明的新纪元

脑极体

记一次MySQL日期范围查询优化

李印

MySQL SQL优化

内存条的讲解

亚兰—硅的传奇official

原创 内存 硬件 计算机 哔哩哔哩

架构师作业第三周学习总结

Wee权

做好分库分表其实很难之二

架构师修行之路

微服务 分库分表

LeetCode题解:111. 二叉树的最小深度,递归,JavaScript,详细注释

Lee Chen

大前端

java安全编码指南之:lock和同步的正确使用

程序那些事

java安全编码 java安全 java安全编码指南 java编码

2020第十三届(南京)智慧城市技术与应用产品展览会

InfoQ_caf7dbb9aa8a

2020第十三届南京国际智慧新零售暨无人售货展览会

InfoQ_caf7dbb9aa8a

关于国际化语言 Intl

西贝

Java 大前端 国际化 格式化

MySQL事务隔离级别

长沙造纸农

MySQL 事务隔离级别 mysql事务 事务 MySQL 运维

2020南京国际工业互联网及工业通讯展览会

InfoQ_caf7dbb9aa8a

架构1期第四周作业1-大型互联网系统技术梳理

道长

极客大学架构师训练营

架构师训练营第三周作业

Wee权

产品分析

时间是一个人最好的证明

产品经理 产品设计

快讯2020第十三届亚洲国际物联网展览会-南京站

InfoQ_caf7dbb9aa8a

架构师训练营第1期第四周作业二

道长

极客大学架构师训练营

古北水镇的夜

张晓楠

生活 摄影

对不起,学会这些 Linux 知识后,我有点飘

苹果看辽宁体育

Linux 后端 操作系统 计算机

全屋智能2020第十三届(南京)国际智能家居展览会

InfoQ_caf7dbb9aa8a

React Conf 2018大会发布React Hooks和React 16.7 Alpha_大前端_Dylan Schiemann_InfoQ精选文章