前端周刊第三十九期
前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表,欢迎大家关注、转载。
如果外链不能访问,关注公众号「前端每周看」,里面有解决办法
大事件
Intl Explorer:一种学习和试验 ECMAScript 国际化 API 的方法—— 所有主流浏览器都支持 Intl 对象,它提供对 ECMAScript 国际化 API 的访问,这是一套用于语言敏感字符串比较、数字格式化等的函数。该站点提供了一种交互式方式来了解其运作方式。
使用 V8 创建您自己的 JavaScript 运行时—— 想要通过创建自己的 JS 运行时加入到因创建 Node、Deno 和 Bun 等而闻名和受人尊敬的开发人员的万神殿中吗?埃里克带我们深入了解主要的活动部分,并向我们展示了如何为自己将它们联系在一起。虽然你可能不会为自己构建下一个 Deno 或 Bun,但这里有很多关于 JS 运行时的知识。
Node v18.11.0(当前)发布;获得“观察模式”—— Node 的最新版本并没有获得太多收益,但确实获得了一个实验性的 --watch 功能,该功能可以在导入的文件发生更改时自动重新启动正在运行的进程(让人想起 nodemon)——这个功能最近被详细讨论过。
Lerna Reborn:第 6 版有什么新功能? —— 在 Nrwl 的管理下,面向 Lerna monorepo 的 JavaScript 构建系统远没有被淘汰或被弃用,它正在向前迈进一大步。 v6 在默认情况下通过高效的任务调度和缓存、VS Code 扩展、Prettier 支持等获得了很大的速度。
文章
React 渲染的未来 — 首先回顾当前模式 (CSR/SSR),然后转向一些新的渲染模式,例如流式 SSR 和服务器组件。这也是最近在 React Bangalore 演讲的基础。
选择最好的 Node.js Docker 镜像 — 如果你想把 FROM 节点扔到你的 Dockerfile 中,再想一想——还有其他选择需要考虑。
为什么我们在 2022 年使用 Babylon.js 而不是 Three.js — Blender 插件、微软的支持以及 Babylon 相当先进的检查器工具都赢得了 Gordon 的团队的支持。
我如何在 13KB 中创建 GameBoy 风格的游戏 — 一位开发人员解释了他的 js13KGames 2022 条目(我们上周链接到了获胜者)。
面向前端开发人员的全栈:构建您的第一个 AWS Amplify 和 React 应用程序 — Ali Spittel 在 AWS Amplify 领导开发宣传,并发布了一系列关于使用 Amplify 平台进行端到端开发的免费课程中的第一个。
如何使用 React、SSR 和 Tailwind CSS 构建 SVG 折线图 — 如何在基于 Next.js 或 Gatsby 的服务器端渲染的 React 应用程序中滚动您自己的基于 SVG 的折线图。
框架发布
Volar 1.0 – Vue.js 的官方 IDE 工具支持。
Ant Design 5.0 Alpha – 流行的 React UI 库。
Rollup 3.1 – ES 模块捆绑器。
RxDB 13.5 – JS 应用程序的离线优先反应式数据库。
Qwik 0.11 - 'No hydration',HTML 优先的框架。
Jest 29.2 & Cypress 10.10 – 测试框架。
SlickGrid 3.0
↳ 快速 JavaScript 网格/电子表格控件。 (演示。)Faker 7.6 – 假数据生成库。
React Tooltip 4.4 – 你可以猜到它的作用。
Mineflayer 4.5 – 用 JS 构建 Minecraft 机器人。
CsvToMarkdownTable 1.2 - 将 CSV 转换为 Markdown 表。
代码和工具
Javet 2.0.0:在 Java 应用程序中嵌入 Node 和 V8:让您在基于 JVM 的应用程序中启动 V8 解释器或完整的 Node.js 运行时。有一个幻灯片演示可以向您介绍这个想法并演示集成的工作原理。 Javet 这个名字来自“Java、V 和八”。
Knip:在 TypeScript 项目中查找未使用的文件、依赖项和导出:Knip 在荷兰语中意为“剪切”,适用于修剪掉项目中未使用的东西的工具。为了将其与现有的类似工具进行比较,有这张方便的图表。
Editly 0.14.0:声明性命令行视频编辑:将 Node 和 FFmpeg 结合在一起,让您以编程方式编辑和构建视频,而不是使用神秘的 ffmpeg 命令行选项。
可排序:使用拖放创建和重新排序列表:该库支持所有现代浏览器和触摸设备,通过自动滚动、CSS 动画、多拖动支持等处理列表到列表的拖动。
React 表库:“几乎无头”表库:有一个有趣的展示网站展示你可以用它做什么。它在客户端和服务器端都很满意,并且也支持 TypeScript。
melonJS 14.0:一个轻量级的 2D 游戏引擎:它已经有十多年的历史了,但仍然很强大。虽然它是 2D 的,但它会使用 WebGL 来提高性能(如果可用)。还提供 Web Audio API 支持、基于多边形的碰撞检测、输入设备支持等。
React Modern Audio Player:具有波形可视化功能的音频播放器:在此处查看实际操作。