写点什么

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

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

关注

评论 1 条评论

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

Zenlayer 推出 AI 模型全球调用解决方案,破局企业部署三大挑战

极客天地

多端一体化教育解决方案

微擎应用市场

MyEMS开源能源管理系统v5.6.0发布通知

开源能源管理系统

开源 能源管理 开源能源管理

Cursor 如何保障「代码索引」的安全、高效

Baihai IDP

程序员 AI 智能体 cursor AI 编程

卓正医疗如何用 NocoBase 搭建“家庭医生式”服务体系?

NocoBase

开源 低代码 数字化转型 零代码 医疗行业

MES与ERP深度融合:数据报表、可视化大屏及系统集成技术详解

万界星空科技

制造业 mes ERP系统 万界星空科技mes AI低代码MES

区块链 Web3 项目的上线

北京木奇移动技术有限公司

区块链开发 软件外包公司 web3开发

观测云产品更新 | 外部数据源、日志、监控、事件、基础设施等

观测云

多行业活动管理

微擎应用市场

如何使用龙蜥衍生版KOS,2步实现大模型训练环境部署

OpenAnolis小助手

AI 操作系统 龙蜥大讲堂

国资委深化“AI+”专项行动 AI法务工具AlphaGPT赋能业务升级

科技汇

多行业线下服务订单数字化解决方案

微擎应用市场

这款AI生成播客工具,必须收藏!

Immerse

模块化电商解决方案

微擎应用市场

建筑矿山设备工厂与 MyEMS 能源管理系统深度应用白皮书

开源能源管理系统

开源 能源管理 节能减排 工厂安全生产

HarmonyOS 组件复用 @ReusableV2 装饰器的基本使用 2

万少

harmoyos

香港校长团探访博大数据前海智算中心,科技赋能教育共育湾区数字人才

极客天地

科学智能:全球顶尖学者共聚复旦,共探科研范式变革新引擎

ModelWhale

科学智能 AI4S

龙蜥Confidential AI:开源机密计算AI解决方案,让云端模型安全运行

OpenAnolis小助手

AI 操作系统 机密计算 Confidential AI 龙蜥开源

开源能源管理系统(EMS)深度解析:安全自主可控与实践应用

开源能源管理系统

CST软件如何设置分布式计算(Distributed Computing)的 TCP-IP子网

思茂信息

cst操作 CST软件 CST Studio Suite

咕泡AI课程专家团全拆解 | 技术答疑助你全周期通关!

咕泡科技

人工智能 AI 咕泡人工智能 咕泡ai

7月1日19点,ModelWhale 大模型应用平台全新升级!

ModelWhale

大模型 modelwhale

鸿蒙+星闪:一场“1+1>2”的音频蝶变

脑极体

AI

20~30K * 15薪,可惜挂了

王中阳Go

Java 面试

Java程序员的职业加速器:飞算JavaAI一键生成完整工程代码,轻松应对开发挑战

猫头虎

Java 人工智能 AI编程 idea intellij

领跑 AI 基础设施存储赛道!焱融科技实力登榜「AI Cloud 100 China」

焱融科技

文件存储 大模型 AI基础设施 2025 AI Cloud 100 China

WebGL 软件外包开发流程

北京木奇移动技术有限公司

区块链开发 软件外包公司 RWA开发

大模型成今年高考志愿神器,超千万用户使用百度AI志愿助手、高考大数据服务

科技大数据

龙蜥衍生技术助力清华登顶TPC物联网数据性能榜首 | 干货推荐

OpenAnolis小助手

操作系统 龙蜥社区 龙蜥操作系统 tpc

私有化部署 IM:即时通讯软件助力团队协作

BeeWorks

即时通讯 IM 私有化部署

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