全部 / 前端 / 前端周报 / 技术 · 2023年2月26日 0

前端黑板报 – 周报第 5 期

🔥 本周最热

🎵 Strudel REPL:浏览器中的实时 JavaScript 音乐 — 这很有趣。这是一个小型在线沙箱,用于将用 JavaScript 编写的小型音乐实验组合在一起。使用右上角的“随机播放”按钮,直到找到您喜欢的声音。还有一个关于构建你自己的教程。如果您做出任何好的作品,请将它们发送给我们,我们可能会链接到它们。

https://strudel.tidalcycles.org/

让我们构建一个窃取所有内容的 Chrome 扩展程序——沉迷于他们所谓的“DIY 整体数据泄露”,Building Browser Extensions 的作者 Matt 证明尽管有 Manifest v3,当它出现时仍然有很多不好的东西构建浏览器扩展。当然,要意识到这一点,不要真的去做。

https://mattfrisbie.substack.com/p/spy-chrome-extension

2023 年对 Vue 的期待——Vue.js 的创建者 Evan You 解释了 Vue 3 与 Vue 2 的不同之处,特别是它对虚拟 DOM 的使用是如何演变的。

https://thenewstack.io/vue-2023/

📝 文章&教程

沙盒 JavaScript 代码 — Val Town 是一个有趣的、相当简约的平台,用于在云中运行 JavaScript,如果你想让人们在你的服务器上运行 JavaScript,那么好的沙盒是必须的。

https://healeycodes.com/sandboxing-javascript-code

“HTML 优先”前端框架简介——这篇文章将 HTML 优先前端框架定义为优先发送完整功能性 HTML 而非 JavaScript 包的框架,并研究了不同框架/工具(如 Qwik)采用的一些不同方法, Marko、Astro、Eleventy、Fresh 和 Enhance。

https://www.sitepen.com/blog/intro-to-html-first-frontend-frameworks

Astro 2.0、Island Architecture 和 React with Fred K. Schott — Fred 与我们讨论了 Astro 如何使用 HTML 优先的方法来创建以内容为中心的网站和新的 Astro v2 功能。

https://www.whiskeywebandwhatnot.fm/astro-20-island-architecture-and-react-with-fred-k-schott/

⚒️ 代码&工具

Vuestic 1.6:一个用于 Vue 3 的开源 UI 库——一个包含 50 多个可定制组件的库。 v1.6 是一个专注于 Tailwind CSS 和 Nuxt 支持的重要版本。

https://github.com/epicmaxco/vuestic-ui

2023 年的 React 库——React 生态系统非常庞大,在为新项目选择库时提供一些合理的标准选项会很有帮助。这是 Robin 维护的既定列表的最新年度更新。

https://www.robinwieruch.de/react-libraries/

Kobalte:用于 SolidJS 的 UI 工具包——这些组件没有样式并且遵循 WAI-ARIA 创作实践。您还可以精细访问每个组件部分,允许您添加事件侦听器、道具等。GitHub 存储库。

https://kobalte.dev/docs/core/overview/introduction

🚀 版本发布

Next.js 13.2

Turborepo 1.8
↳ 用于 JS/TS 的 Rust 构建系统。

Mermaid 10.0
↳ 流行的文本到图表渲染工具包仅适用于 ESM。

Node.js 18.14.2 (LTS)

Preact 10.13

Angular 15.2

OrgChart 3.5
↳ 渲染组织结构图。

Sortable 2.0
↳ 使用 class="sortable" 使表格可排序

Ruby2JS 5.1
↳ Ruby 到 JavaScript 的转译器。

RxDB 14.1
↳ 适用于 JS 应用程序的离线优先反应式数据库。

tRPC 10.12
↳ 端到端的类型安全 API 变得简单。

JavaScript Charting 3.4

OpenPGP.js 5.7 OpenPGP.js 5.7

React Testing Library 14.0
React 测试库 14.0

Ember.js 4.11