前端周刊第十四期
前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表,欢迎大家关注、转载。
<span style="color:red;">如果外链不能访问,关注公众号前端每周看,里面有解决办法</span>
大事件
-
Veni,vidi,formatae! 宣布Rome Formatter:超快速的 JavaScript 格式化——Rome是一个雄心勃勃的项目,旨在一次性替换许多JS 工具。但是Rome不是一天建成的,所以他们首先公布了他们对Prettier式代码格式的看法。你可以从 CLI 中使用它,但他们推荐这个 VS Code 扩展,主要是为了体验一下。
-
用 Rust 编写 Redux Reducers——我们经常介绍 Rust 如何慢慢进入众多 JavaScript 领域(例如上面的Roma!),但这是一个有趣的问题:使用Rust编写并编译为WASM并用在 React/Redux 应用程序。
-
JavaScript和Node测试最佳实践:2022 版——五十个最佳实践分为几类(测试、后端、前端等),并附有简单的示例。我们在 2.5 年前首次与此相关联,但现在已经发布了一个新版本,根据 2022 年标准进行了更新,并提供了其他七种语言的翻译,包括中文、西班牙文和法文。
-
RedwoodJS 1.0——Tom,前 GitHub 的联合创始人,宣布 RedwoodJS 的 1.0 版本,一个可能最初与Jamstack最相关的全栈框架,但本质上是一个 React 和 GraphQL 驱动的框架,用于构建任何东西你喜欢的应用程序。
-
乌克兰开发者:支持乌克兰的在线活动——包括 Addy Osmani、Cassidy Williams、Dan Abramov 和 Sandi Metz 在内的知名人士将于 4 月 25 日至 26 日齐聚一堂,进行一些精彩的(在线)会谈,以帮助为乌克兰筹集资金-相关的原因。
文章
-
ShadowRealms:一个更好的 ECMAScript 提案eval() — 在第 3 阶段,名称奇特的ShadowRealm API提案提出了一种在与当前代码不同的上下文中执行任意 JS 代码的新方法。
-
TypeScript 的编译器是如何编译的 — 短小精悍,但图表很棒。
-
创建可定制 Angular 组件的终极指南 - 涵盖了许多领域,包括最佳实践、反模式、全局样式、mixin、CSS 变量使用等。
-
How to Test Component Interactions with Storybook - 当您想要模拟和验证用户行为时,演练组件测试工作流程。
-
Windows 运行时 GUID 如何在 JavaScript 中表示? - 这是一件小事,但 Microsoft 的代码考古学家(他的博客中充斥着 Windows 琐事)并不经常提到 JavaScript。
框架发布
- Astro 1.0 Beta
- React Native 0.68
- Mapbox GL JS 2.8 – 浏览器中的快速地图。
- Swiper 8.1 - 强大的移动触摸滑块。
- Danfo 1.1 – 受 Pandas 启发的数据处理库。
- Cucumber.js 8.0 – JavaScript 的 BDD。
- pkg 5.6.0 – 将 Node 应用程序打包成可执行文件。
代码和工具
-
React Libraries to Use in 2022:React 生态系统是如此广泛,以至于我们甚至有一个单独的 React 时事通讯,当涉及到库时,问题是选择太多,而不是太少,所以像这样一个固执己见的列表可以派上用场。
-
AgnosticUI: A Component Library for Numerous Frameworks: 一组当前支持 React、Vue 3、Svelte 和 Angular 的组件,但您也可以让它们在 vanilla JavaScript 中工作。一些例子。
-
Preview.js:在您的 IDE 中即时预览 UI 组件— 即 VS Code 或 JetBrain IDE,开箱即用。兼容为 React 和 Vue 构建的组件。
-
JSZip 3.9:创建、读取和编辑 .zip 存档文件:一个简单而优雅的 API。主页非常酷,因为它有一个现场演示和一个方便的操作方法。或者你可以去GitHub repo。
-
article-parser:从网页中提取文章的节点库:给它一个 URL,然后,你可以得到一些有用的内容。现场演示。你可能不会惊讶地知道可读性是在底层使用来完成大部分工作的
-
Cornerstone.js:构建基于 Web 的医学影像应用程序的库