2022 年 2 月 9 个新的 React 和 JavaScript 链接

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您的旅程各个阶段提供云产品。立即开始使用 200 美元的免费积分!

我发现自己会积累很多关于我感兴趣的各种事物的链接。比如 React 和 JavaScript!这里列出了九个我一直在保存的、我认为值得分享的关于它们的其它文章的链接。

React and JavaScript code snippets with colorful hand-marked scribbles of notes.
来源:“关于 JSX 条件语句的良好建议” 由 Vladimir Klepov 撰写
  • Remix 的种子基金
    Remix 在获得融资后开源了,这似乎是一个明智之举。它目前是一个只支持 React 的框架,因此我认为每个人都会问它与 Next.js 相比如何。他们 回答了这个问题。对于我们这些 CSS 人来说,可能值得再次提一下,Kent 提到:“因为 Remix 使我可以轻松地控制在任何给定时间页面上有哪些 CSS 文件,所以我不会遇到那些让 JavaScript 社区发明了 CSS-in-JS 之类的解决方法的问题。”
  • React Router v6
    说到这个团队,他们发布了 React Router v6,这看起来是一个积极的举动——所有基于钩子的,比 v5 小 50%——但它又是另一个带有 API 更改的主要版本。React Router 过去也曾出现过类似的 API 更改,它们在社区中引发了很多抱怨。现在也是一样。
  • React Aria
    来自 Adobe 的“一个 React Hooks 库,为您的设计系统提供可访问的 UI 原语”。很有趣。看起来这里解决了一些非常困难的问题,比如 FocusScope(“当 contain 属性被设置时,焦点将被包含在范围中。”)以及有趣的颜色输入,比如 useColorFielduseColorSlider 以及 useColorWheel。总共有 59 个钩子,从交互和表单到覆盖层和国际化,还有许多其他的钩子。
  • 前端表格:排序、过滤和分页
    Tania Rascia:“在我做过的每份工作中,我都要在应用程序的前端实现一个具有排序、过滤和分页功能的表格。”使用一个具有所有这些功能的大型库并不可耻,但有时自己动手最好。
  • 关于 JSX 条件语句的良好建议
    Vladimir Klepov 涵盖了(奇怪的)非常简单的条件语句可能会出错的多种方法,例如数字 0 泄漏到您的标记中,以及如何在条件语句中管理更新与重新挂载。
  • useProseMirror
    我发现 ProseMirror 在过去一直是一个相当不错的富文本编辑器。该库本身实际上并不在 React 中,所以我认为在这里为它创建一个现代的 React 包装器是一个明智之举。
  • 使用 useDeferredValue 加速缓慢的输入
    对于文本输入,onChange 函数的工作量越大,您就会引入越糟糕的输入延迟。useDeferredValue 为我们提供了一种方法来分离这种情况下高优先级更新和低优先级更新。”
  • 🎥 WebAssembly 动画介绍
    如果您不了解 WebAssembly 是什么,那么 Lin Clark 将在本视频中(来自 JSConf EU 2017)向您解释。所以,这并不是一个新的链接,但对我来说是新的!
  • 🎥 Turborepo 演示和演练
    Vercel 收购了 Turborepo。Turborepo 专注于使 monorepos 更好。作为一个主要代码库是使用 Lerna 和 Yarn Workspaces 的 monorepo,这样我们就可以让多个不同的站点共享设计系统等内容,这正合我们的胃口。这个视频是由 Turborepo 的创建者 Jared Palmer 和 Vercel 的开发者关系主管 Lee Robinson 制作的。在这个视频中,您可以看到它的一切运作。