2022值得关注的 React 动态▶ 10 分钟讲述 React 的故事 — 无论你是正在学习 React 还是想消

▶ 10 分钟讲述 React 的故事 — 无论你是正在学习 React 还是想消磨下时间，都可以来简要回顾下 React 是如何走到今天的。这个视频可以帮助我们快速了解 React 的背景故事。

ui·dev

2022 年值得关注的 React 趋势 — 作者列举了他认为 2022 年重要的技术：Remix、服务端渲染、并发渲染、行为测试以及一些大家熟悉的技术，例如 TypeScript 和 Storybook。

Chak Shun Yu

两个重大更新

Recoil 0.6 已发布并改进了对 React 18 的支持。
想在 JSX 里使用 Markdown 吗？MDX 2.0 已经发布了，通过改进的语法、对 JavaScript 表达式的支持等，使其（在 JSX 里使用 Markdown）变得更容易了。

如何编写高性能的 React 代码 — 虽然作者认同“过早的优化”有潜在的风险，但是她认为在 React 中如果实施本文列举的一系列优化方案是有益处的。

Nadia Makarevich

在 React Native 中构建具备可访问性的动画 — Seer Medical 应用的目标是在提供有吸引力的 UI 动画的同时，牢记其目标受众（癫痫患者）的特定可访问性要求。

Marton Bodonyi

深入理解 React 生命周期 — 作者解构了 React 组件生命周期的三个阶段：挂载（插入 DOM）、更新和卸载（从 DOM 中删除），并描述了每个阶段对应的方法。

Fernando Belotto

React 18 中的自动批处理（Automatic Batching） — 随着 React 18 beta 版的到来，是时候了解不同于之前版本的特性了，本文介绍的自动批处理（Automatic Batching）意味着可以减少不必要的渲染。

Lakindu Hewawasam

🛠 代码与工具

Ninja Keys：一个给站点添加键盘快捷界面的工具库 — 可以在应用或者页面中使用快捷键展示弹窗，可与纯 JS、Vue、React 或 Svelte 集成。点击在线体验。

Sergei Sleptsov

Wojciech Maj

react-waves-effect：微妙的按钮动画 — 这些微妙的动画可以使屏幕交互更加生动，并且可能提高使用体验。在线示例清楚地说明了这一点。

Leulseged Tariku (LeulAria)

Geist：一个现代和极简的 React UI 库 — 受 Vercel 启发的设计，拥有 50 多个组件，可点击此处查看文档。

Geist

styled-jsx v5.0：对 JSX 完整的 CSS 支持 — 对 JSX 的完整的、限定范围的、组件友好的 CSS 支持（可在服务器或客户端渲染）。

Vercel

React Mentions：在 Textarea 中提及某人 — 使用它可以在输入框中使用 Facebook 或 twitter 风格的提及效果。点击查看在线示例。

Signavio GmbH

Mohit

⚡️ 好库推荐：