『译』React Status 周刊 275 期

351 阅读3分钟

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

本文译者:潘小安

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

访问地址:fedarling.github.io

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

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

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

也可以给仓库发issue留言

React Status 275

Etsy 从 React15.6 迁移到 Preact (而不是 React16) — 在这份关于Etsy 更新 React 的文件中,有一个关于这一切背后的决定的完整解释。但是,Preact, 一个较小的 React 替代品,具有相同的 API,被证明是他们的正确选择。

React — 遗失部分? — 作者通过一个思想实验,旨在回答 React 的 props、state 和 hooks 模式是否可以用于非 UI 应用的问题。"这也是一次平行宇宙的旅行,在那里 React 团队做出了不同的决定,受到的遗留限制要少得多"。

学习 Rx.js 的基础知识 — 这个有用的 JavaScript 库非常适用于管理随时间发生的事件,在这个详细的视频课程中,Steve Kinney 介绍了你需要了解的基础知识--包括观测器、事件、间隔、定时器、操作符等等。

React Router 6 中的鉴权介绍 一个关于在 React Router 6 中实现鉴权的实际演练,在一个简单的示例应用程序中。然后你就可以继续去下面这篇...

React Router 6 和私有路由 (a.k.a. 受保护路由)

用控制反转(Inversion of Control)构建解耦的 React 组件控制反转原则适合于这样的场景:你想隔离未来可能会改造功能,比如把一个支付供应商换成另一个。

在 D3.js 中使用 React — 我们认为这个非常容易理解的 D3.js 介绍应该得到比去年更多的关注,所以它又回来了 :-)

▶  在React中,当滚动到一个元素时,用 Intersection Observer 触发一个函数

🛠 代码和工具

React 组件: 15+ 个组件库 — 有时好像就算我们不介绍新组件库也没问题。 因此,对其中的一些内容进行总结是一项有用的工作,其中包括一些对每个组件库合适场景的思考。

React Tags 6.8: 一个简单的标签组件 — 灵感来自 Gmail 的 "To "字段。支持自动完成,以及通过拖放来重新排序标签。沙盒演示在这里.

React Calendar 3.6: 你的最后一款 Calendar 插件 — 一个流行的、风格简单的 React 应用的日历组件,亮点在用户选择日期上。 GitHub repo.

为符合条件的团队免费提供活动信息和聊天 API

react-marksome: Markdown 子集解析器 — 一个完整 Markdown 实现并不总是需要的: 这里有一个组件可以解析一个 有限的子集。这可能包含你需要的所有功能。

react-d3-speedometer 1.0.2: 使用 React 做的速度仪表盘

React Trix RTE: Trix 富文本编辑器的React封装器

⚡️ Quick Bits:

react-use-websocket — 一个用于 WebSocket 通信的钩子,现在是第三个主要版本。

react-use-mouse-position (QB) - 用这个钩子跟踪鼠标的位置。

react-hexgrid — 使用 React 来创建这个流行的策略/益智游戏元素。