写点什么

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

2018 年 11 月 23 日

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

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

关注

评论 1 条评论

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

git使用与原理剖析及其私服搭建

程序员Fox

git

架构师训练营 W05 作业

Geek_f06ede

DataOps系列丨DataOps的组织架构与挑战

DataPipeline

大数据

Appium常用操作之「Toast提示信息获取」

清菡

大专学历Java开发7年,从年初被裁到四面美团点评成功上岸,闭关七个月,入职那一天我哭了!

Java架构追梦

Java 阿里巴巴 面试 美团 java架构

实现2nm工艺突破,台积电为何能给“摩尔定律”续命?

脑极体

结合实战和源码来聊聊Java中的SPI机制?

冰河

Java spi 服务发现

互联网券商系统搭建建议书

软件开发大鱼V15724971504

国际配售 港股交易系统开发 证券交易系统 IPO系统开发 金融平台搭建

【得物技术】浅谈分布式事务中间件Seata

得物技术

开源 分布式事务 中间件 解决方案 seata

输入法B端市场转化:百度推动产业智能化的新路径

脑极体

JVM运行时数据区,你真得好好学一学

Simon郎

JVM Java 分布式

架构师训练营 1 期 -- 第九周作业

曾彪彪

极客大学架构师训练营

《迅雷链精品课》第六课:主流区块链数据存储分析(一)

迅雷链

区块链

数字人民币究竟是什么

CECBC区块链专委会

数字货币

Maven-技术专题-Setting文件结构解析

李浩宇/Alex

Redis也能搞定时任务,你们要讲武德

周老师

Java 编程 程序员 架构 面试

微服务手册:高速查询?除了Redis我们还有另外的选择

互联网应用架构

redis 微服务 springboot Caffeine 高速缓存

DataOps系列丨数据的「资产负债表」与「现状」

DataPipeline

大数据

架构师训练营 1 期 - 第九周 - 性能优化 3

三板斧

一周信创舆情观察(11.9~11.15)

统小信uos

入坑 docsify,一款神奇的文档生成利器!

沉默王二

docsify

32核打赢AMD64核 英特尔Ice Lake为HPC提供强劲性能

intel001

DataOps系列丨DataOps理念与设计原则

DataPipeline

大数据

阿里P8架构师吐血整理的《SpringBoot+Vue全栈开发实战》文档资料

Java架构之路

Java 程序员 架构 面试 编程语言

3年Java开发经验从阿里、美团、滴滴面试回来,想和Java程序员谈一谈感悟及面经

Java架构之路

Java 程序员 架构 面试 编程语言

第九周学习性能优化 3 总结

三板斧

极客大学架构师训练营

释放数字化活力 高质量建设数字中国

CECBC区块链专委会

数字经济

区块链+供应链,双链融合开启新时代

CECBC区块链专委会

区块链 供应链物流

石、火、水:从OriginOS透视移动系统进化论

脑极体

MySQL 连接为什么挂死了?

华为云开发者社区

微服务 数据 存储

阿里大牛八年打造,编程宝典,从初学到编程进阶—深入学习—实战

马士兵老师

Java 阿里巴巴 程序员 架构 编程语言

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