React前端周刊0423

2022 年值得推荐的 React 库 — React 的生态体系已经变得如此庞大，以至于我们日常就要跟踪超过 1500 个 React 库的动态。我们常常遇到的问题不是没有可用的库，而是选择太多了导致不知道作何选择。本文作者罗列出了开发项目所需的各种类型的库以及推荐他们的原因。

Robin Wieruch

React Native v0.68 正式发布 — 这是 React Native 第一个可选择使用 新架构 的版本，该架构支持了 Fabric 渲染器和 TurboModule 系统。就像 Paul McCartney 在 1967 年发行的歌曲《Getting Better》那样，React Native 也一直在变得更好。

The React Native Core Team

如何创建自定义 Hook — 每周我们都会发布关于各种 Hooks 的文章（比如本期的好库推荐），如果你想知道如何创建自定义 Hook，那作者在本文中总结了一些相关的基础知识可供参考。

Robin Wieruch

快讯

• Stack Overflow 播客的 ▶️ 最新一集 涵盖了 React 18 的发布、学习 CSS 的实用工具以及女性工程师面临的职场双标等内容。
• 是不是一直想试试声名远扬的 Remix？来看看这个 YouTube 上一小时的课程 吧。

Next.js 的新特性 —— 中间件 — 本文探讨了 Next.js v12.0 中一个新的 beta 特性：中间件，文中介绍了什么是中间件、什么时候应该使用中间件、中间件的局限性以及如何实现中间件。

Sam Poder (Smashing Magazine)

React 中的浅比较是如何工作的？  — 浅比较 是一个与 React 交织在一起的概念，它在 React 内部扮演了十分重要的角色。本文深入浅出地总结了浅比较是如何工作的。

Chak Shun Yu

使用 React 和 Codemirror 6 构建你自己的 Markdown 编辑器

0xsuk

如何在 React 中构建可实时更新的数据网格 — 使用了 KendoReact 数据网格组件。

Carl Bergenhem

如何理解 React 中的引用相等（Referential Equality）？

Lakindu Hewawasam

🛠  代码与工具#

Preview.js：在 IDE 中即时预览 UI 组件 — 在 VS Code 或 JetBrains IDE 中开箱即用，与 React 和 Vue 构建的组件兼容。

Zenc Labs Pty

Shoelace：“一个有前瞻性的 Web Components 库”  — 一系列精心设计的常用 UI 组件（buttons、drawers、inputs、menus、color pickers 等），脱离了框架的限制，并提供了一套 React 专属组件。

Cory LaViska

Preact v10.7.0 发布 — Preact 是一个快速、非常轻量（3KB！）、和 React API 保持一致的一个 React 替代方案，各大公司（包括最近的 Etsy）都在使用它。

Preact Team

AgnosticUI：可用于多个框架的组件库 — 一组同时支持 React、Vue 3、Svelte 和 Angular 的组件，并且你也可以在纯 JavaScript 中使用它们。点击查看 demo。

Rob Levin

react-quick-pinch-zoom：使用多点触控手势缩放和拖动任意 DOM 元素 — 不仅适配移动端，还支持桌面端的鼠标事件。点击查看 demo。

David Narbutovich

⚡️ 好库推荐：

useScrollbarWidth — 一个用来获取滚动条的宽度的自定义 hook

useLocalStorage — 一个用来读写 localStorage 的自定义 hook

REAVIZ v13 — 一款基于 D3.js 的 React 数据可视化库

react-use-size — 一系列用于测量各类尺寸的 hooks

react-use-cookie — 一个用于 cookie 操作的 hook