写点什么

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:341310
用户头像

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

关注

评论 1 条评论

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

记一次安全漏洞分析

网络安全学海

黑客 网络安全 信息安全 渗透测试 安全漏洞

如何保证消息消费时的幂等性?

JavaEdge

1月月更

Go 语言快速入门指南:Go 转 JSON

宇宙之一粟

Go JSON序列化 1月月更

Salesforce架构师的10大原则

俞凡

架构 大厂实践 Salesforce

LabVIEW OCR 实现车牌识别(实战篇—3)

不脱发的程序猿

OCR 机器视觉 图像处理 LabVIEW 车牌识别

面向未来,我们来聊一聊什么是现代化数据架构

亚马逊云科技 (Amazon Web Services)

存储

云原生训练营毕业总结

9527

三行代码下载抖音视频

你?

Apache Atlas 数据血缘

亚马逊云科技 (Amazon Web Services)

存储

2021年行摄回忆录

穿过生命散发芬芳

盘点2021 1月月更

Go编译原理系列5(抽象语法树构建)

书旅

Go 后端 编译原理 编译语言

王者荣耀商城异地多活架构设计

ren

Web3.0时代的保险业,真的可以实现去中心化吗?

CECBC

没有区块链,就没有元宇宙

CECBC

Weblogic-SSRF漏洞复现

喀拉峻

网络安全 安全 信息安全

低代码实现探索(十八)流程中参数的初始化设计

零道云-混合式低代码平台

低代码实现探索(十九)低代码的意义

零道云-混合式低代码平台

区块链技术支撑元宇宙经济系统的有序运转

CECBC

虚拟数字人发展提速 多家银行宣布“造人”

CECBC

偷偷看了同事的代码找到了优雅代码的秘密

慕枫技术笔记

后端 1月月更

模块九作业:设计电商秒杀系统

危险游戏

架构实战营

LabVIEW色彩定位实现药品包装质量检测(实战篇—4)

不脱发的程序猿

机器视觉 图像处理 LabVIEW 色彩定位 药品包装质量检测

小白都能吃透 Java IOl 流,最骚最全笔记,没有之一!2️⃣

XiaoLin_Java

ReactNative进阶(十七):RefreshControl 组件实现刷新效果

No Silver Bullet

1月月更 ReactNative RefreshControl

大画 Spark :: 网络(2)-下篇-通过网络收取消息的过程

dclar

大数据 spark 源代码 Spark 源码

架构实战营 - 毕业设计

随风King

「架构实战营」

火狐浏览器一败涂地?

Jackpop

加速数字经济发展,2022更需要云上创新的稳定器与推动力

脑极体

基于Amazon ECS Fargate构建Apache Superset

亚马逊云科技 (Amazon Web Services)

存储

简讯:明道云近期荣获的三项荣誉

明道云

【SpringCloud技术专题】「Gateway网关系列」微服务网关服务的Gateway全流程开发实践指南(2.2.X)

洛神灬殇

SpringCloud SpringCloud Gateway API Gateway 1月月更

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