『译』React Status 周刊 274 期

去码头整点薯片
259 阅读4分钟

🥳 欢迎有兴趣的小伙伴，一起做点有意义的事！

本文译者：潘小安

我参与了一个周刊翻译计划，仓库地址：weekly-tracker

访问地址：fedarling.github.io

现在还很缺志同道合的小伙伴，纯属个人兴趣，当然对于提升英语和前端技能也会有帮助

要求：英语不要差的离谱、github熟练使用、有恒心、谦虚、对自己做的事负责。

想参与的小伙伴，可以点击这里查看

也可以给仓库发issue留言

React Status 274

▶  React 的故事(十分钟以内) — 如果你是刚开始学习 React，那么简单的回顾一下 React 的发展历程对你来说很有价值，抑或是你只是想找点乐子? ;-) 这个视频让我们快速的了解 React 的背景。

看看 2022 年 React 的趋势 — 作者描述了即将到来的 2022 年中，他们认为重要的事情：Remix，服务端渲染，concurrent 模式，行为检测还有一些 “荣誉奖”。

为小团队准备的免费流订阅和聊天 APIs — Stream Maker Account 为小团队提供了免费且功能健全的流订阅和聊天 APIs，让边缘项目和创业公司可以使用它们。

两个关键版本:

  • Recoil 0.6 已经发布了对 React 18 支持的改进。

  • 想在 JSX 中使用 Markdown? MDX 2.0 已经发布，通过改进的语法、对 JavaScript 表达式的支持等，使其比以往更容易使用。

如何写高性能的 React 代码 — 尽管作者承认“过早优化”的潜在危险，但她说一些这样的优化对于 React 来说是一件好事，并列举了一系列的例子。

在 React Native 中构建优秀可访问性的动画 — Seer Medicalapp 目标是提供吸引人的的动画用户界面，同时不忘记特殊目标受众（癫痫患者）的可访问性要求。

理解 React 的生命周期 — 作者解构了 React 组件生命周期的三个阶段：安装（插入 DOM ）、更新和卸载（从 DOM 移除），并进一步地描述了适用于每个阶段的方法。

React 18中的自动批处理（Automatic Batching） — 随着 React 18 in beta的发布，是时候检查它与之前版本不同的功能了: 自动批处理（Automatic Batching）预示着减少不必要的渲染。

🛠 代码和工具

忍者秘籍（Ninja Keys）: 一个为网站添加键盘快捷键界面的工具 — 工具会显示一个‘抽屉’里面有应用程序/页面的快捷键选项，可用于普通 JS、Vue、React 和 Svelte。 点击这里试试 。你会爱上它的。

React-PDF 5.7: 在React应用中显示PDF就像显示图片一样容易 — 这个大更新增加了对 React 18 的支持。

在你的整个代码库中快速查找、修复和跟踪有漏洞的代码

react-waves-effect: 按钮的微波动画 — 这些不起眼的动画使得交互更加生动，并有可能使界面用起来更愉快。 这个 demo 清楚的展示了它们。

Geist: 一个现代和简约的 React UI 库 — 设计灵感来自 Vercel，包括 50 多个分类组件，你可以在 这里 查看文档网站。

styled-jsx 5.0: 对JSX的全面CSS支持，没有任何妥协 — 对 JSX 的全面、范围和组件友好的 CSS 支持（在服务器或客户端渲染。

React Mentions: 可以在输入框里面 @ 人 — 用它来复制 Facebook/Twitter 风格的文本字段中的 @ 效果。例子在这里~

六个需要关注的React数据可视化库

⚡️ 快报:

pure-react-carousel — 终于，一个不强加自己结构和样式到别的代码的轮播图。

react-browser-navigator — 通过 React实现访问 Navigator 接口，就像 demo中展示的一样。

react-native-onboarding-swiper — 让你的 app 的新用户以刷卡的方式完成新手引导。

react-native-imask — 比原生输入框更好的错误校验。

avatar
文章
阅读
粉丝