写点什么

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

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

关注

评论 1 条评论

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

软件测试 | 测试开发 | 专项测试技术初识Hook

测吧(北京)科技有限公司

测试

软件测试 | 测试开发 | MockServer 服务框架设计

测吧(北京)科技有限公司

MockServer

干货 | 应用打包还是测试团队老大难问题?

霍格沃兹测试开发学社

解读《Benchmarking Hybrid OLTP&OLAP Database Systems》| StoneDB学术分享会

StoneDB

数据库 国产数据库 StoneDB 企业号九月金秋榜 9月月更

干货 | 谁懂这篇文,玩游戏还会卡顿?

霍格沃兹测试开发学社

CeresDB 技术架构简介

TRaaS

#开源项目

干货| app自动化测试之Andriod微信小程序的自动化测试

霍格沃兹测试开发学社

干货|APP自动化Android特殊控件Toast识别

霍格沃兹测试开发学社

知识管理,知识经济时代必不可缺的工具

Baklib

知识管理 知识 知识经济

WAIC 2022 | 洞见科技CTO何浩:隐私计算统一底座赋能金融数字化转型

洞见科技

干货 | 利用 pytest 玩转数据驱动测试框架

霍格沃兹测试开发学社

干货 | 环境问题还是测试的老大难?两个步骤轻松搞定

霍格沃兹测试开发学社

相约 ArchSummit 杭州站,参与官方评论赢取精美周边!

InfoQ写作社区官方

热门活动 ArchSummit

WAIC 2022 | 洞见科技王湾湾:隐私计算在金融产业的应用与挑战

洞见科技

干货 | 解决 App 自动化测试的常见痛点(弹框及首页启动加载完成判断处理)

霍格沃兹测试开发学社

TDengine 如何进行 SQL 写入?官方最全教程来了

TDengine

数据库 时序数据库 企业号九月金秋榜

干货 | 背熟这些 Docker 命令,面试再也不怕啦~

霍格沃兹测试开发学社

干货 | 读懂 Appium 日志,让测试效率翻倍!

霍格沃兹测试开发学社

有哪些方法可以提高企业的文档管理水平?

Baklib

文档 文档管理

百度前端高频面试题(附答案)

beifeng1996

JavaScript 前端

干货 | 测试人职场晋升“潜规则”:15 年经验资深测试经理的职场忠告

霍格沃兹测试开发学社

Kyligence 联合创始人兼 CEO 韩卿荣获金融科技风云人物奖

Kyligence

金融科技大会

手把手教你如何进行拆解竞品

产品海豚湾

产品经理 需求分析 竞品分析 9月月更 市场调研

软件测试 | 测试开发 | 测试人生 | 疫情之下,1个月内涨薪50%拿下亿级流量金融上市公司新 offer,我柠檬了~

测吧(北京)科技有限公司

测试

干货 | 原来升职加薪的测试工程师都擅长做接口测试

霍格沃兹测试开发学社

力扣17 - 电话号码的字母组合【回溯、哈希映射、队列】

Fire_Shield

队列 深度优先搜索 9月月更

2022 世界人工智能大会|人工智能与开源技术先锋论坛成功举办

Kyligence

人工智能大会 先锋科技论坛

字节前端必会面试题

夏天的味道123

JavaScript 前端

干货 | 在Docker 上搭建持续集成平台 Jenkins

霍格沃兹测试开发学社

干货 | 录制你的第一个web 自动化测试用例

霍格沃兹测试开发学社

干货 | 移动端App自动化之App控件定位

霍格沃兹测试开发学社

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