QCon北京「鸿蒙专场」火热来袭!即刻报名,与创新同行~ 了解详情
写点什么

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

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

关注

评论 1 条评论

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

《使用Gin框架构建分布式应用》阅读笔记:p52-p76

codists

golang gin框架 编程人

成长-最佳实践-高效学习-开源项目

南山

成长

从一个事故中理解Redis(几乎)所有知识点

阿里技术

redis 大Key

Apache Doris 3.0 里程碑版本|存算分离架构升级、湖仓一体再进化

SelectDB

数据库 大数据 Doris 存算分离 LakeHouse

万界星空科技MES系统:可视化、信息化、智能化

万界星空科技

数字化转型 可视化 智能制造 mes 万界星空科技

《寻觅意义》读后感

FunTester

第三届OpenHarmony技术大会在上海成功举办

OpenHarmony开发者

用AI画一组《鱼跃龙门》

AIGC.TWang

AIGC AI绘画 MidJourney

华为,让数智之风从海湾吹拂全球

脑极体

AI

成长-最佳实践-管理情绪V3

南山

成长

成长-最佳实践-机会导向

南山

成长

浅谈低代码开发中的元数据建模

inBuilder低代码平台

低代码

数据源对接,这个工具能满足你

RestCloud

数据库 数据同步 ETL 数据集成 数据源

虚拟机时代的终结与云原生未来:Rainbond驱动企业IT基础设施升级

北京好雨科技有限公司

云原生 虚拟机 kubenetes rainbond 企业号10月PK榜

“AI视频通话”产品化的三条路

脑极体

AI

【超级福利】openMind开源实习来袭,奖励高达万元,解锁你的AI实践新篇章!

OpenI启智社区

OpenI启智社区 AI开源 开源实习 openMind

阿里Java权威面试指南:分布式+中间件+大数据与高并发+数据库+设计模式与实践+数据结构与算法+面试题举例!

程序员高级码农

阿里 Java 面试 Java’ 程序员‘ Java 面试题

成长-最佳实践-高效学习-认知科学

南山

成长

成长-最佳实践-高效学习-新技术

南山

mixtral大模型

霍格沃兹测试开发学社

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