乐趣区

关于前端:前端周刊第二十一期

前端周刊发表每周前端技术相干的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表,欢送大家关注、转载。
<span style=”color:red;”> 如果外链不能拜访,关注公众号 前端每周看,外面有解决办法 </span>

大事件

  • 比拟三种非破坏性解决数组的办法——JavaScript 的好医生将 for-of、.reduce()和.flatMap()互相对抗,这样您就能够抉择最适宜您本人的数组解决工作的办法。
  • npm 安全更新:GitHub 对 4 月份攻打的理解——上个月,npm 注册表的管理者 GitHub 报告说,被盗的 OAuth 令牌被用于拜访某些公有存储库、公有包清单和元数据,以及 npm 用户帐户数据。这是一个更新。值得注意的是:“在将 npm 集成到 GitHub 日志零碎之后,GitHub 发现了许多用于 npm 注册表的纯文本用户凭证,这些凭证在外部日志中被捕捉。
  • TypeScript 4.7 公布——类型化 JavaScript 超集的次要个性是对 Node.js 的 ES 模块反对——该个性始终难以实现,并且其对文件扩展名的依赖持续引发争执——以及 CommonJS 互操作性(来自 ES 模块)、改良的函数推理、括号元素拜访的控制流剖析等。
  • Next.js’s Layouts RFC: Big Changes Ahead for Next.js——如果你是 Next.js 用户,你会想要浏览这篇文章,因为一些重要的更新正在进行中,特地是在路由、应用程序构造和布局方面(包含嵌套布局)。

文章

  1. 什么是“边缘计算”?“这有点像编织狗帽”— 看,这个比喻让咱们发笑,作者在这里延长了很长一段路。
  2. Airbnb 如何通过 Metro 取得更快的 JavaScript 构建 — Airbnb 从 Webpack 迁徙到 Metro(一个针对 React Native 的 JavaScript 捆绑器,但 Airbnb 将它用于 Web 我的项目)的故事,以及它如何使他们的开发反馈循环“简直是即时的”。
  3. 咱们如何将 Node.js 库转换为 Deno(应用 Deno)–“咱们采纳了一种“运行时适配器”模式,咱们认为它代表了一种通用办法,可能对其余心愿反对 Deno 的库作者有用。”
  4. 2022 年 React 状态治理库综述 – 这个畛域有很多抉择,包含 Zusstand、Recoil、XState,当然还有 Redux。
  5. JSON 和 JavaScript 中的字符串化怪异 – 这不是最简略的事件,只管至多有一个(简单的)书面标准用于 JSON.stringify’s 的操作。
  6. The Balance has Shifted away from SPAs – 这不是最简略的事件,只管至多有一个(简单的)书面标准用于 JSON.stringify’s 的操作。

框架公布

  1. Electron 19 – 获取 Chromium 102、V8 10.2 和 Node 16.14.2。
  2. Neutralino.js 4.6 – 轻量级跨平台桌面应用程序框架。
  3. fast-check 3.0 – 基于属性的测试框架。
  4. Knex 2.1.0 – Node.js 的 SQL 构建器。
  5. Cypress 9.7.0 – 在浏览器中测试任何货色。
  6. Storybook 6.5 – UI 组件开发工具。

代码和工具

  1. Ninja Keys:为您的应用程序 / 站点增加命令面板 / 键盘快捷键界面:如果您在 GitHub 上应用过 Cmd/Ctrl+K 或在 VS Code 等工具中应用命令面板,您会感觉这很相熟,而且很不便在 vanilla JS 应用程序中或与 Vue、React 或 Svelte 一起应用。Kbar 是该畛域的另一位参与者,更专一于 React。
  2. Filesize.js:从文件大小生成人类可读的字符串:例如,123456 字节能够变成 ”120.56 KB”
  3. Three.js 的自定义 Vue 3 渲染器:间接在此处提供时尚的整页演示。查看后,这些文档可能会更有用。“把它设想成 Vue 的 react-three-fiber。”
  4. React-Uploady 1.0:文件上传组件和钩子:旨在简略而高度可定制。您能够领有文件上传按钮、预览、拖放上传区域等。文档很好,展现了一个根本示例,还有一个截屏视频。
  5. Estimator.dev:古代 JavaScript 节俭计算器:计算通过切换到更古代的 JavaScript 语法能够实现的网站大小改良。
  6. 浏览器扩大模板:疾速空虚浏览器扩大代码库:Think create-react-app but for an extension, kinda.
退出移动版