#708 — October 10, 2024
Together with
JavaScript Weekly
TC39 Advances 10+ ECMAScript Proposals — The architects behind the development of the ECMAScript / JavaScript spec got together again this week (you can see them in this tweet) and they had a packed agenda. Import attributes, Iterator helpers, Promise.try and Regexp modifiers all made it to stage 4, and more besides.
Sarah Gooding (Socket)
🦖 Announcing Deno 2 — A huge release for the “what if I reinvented Node again from scratch?” runtime. Backwards compatibility with Node is a headline feature, but there’s a lot more baked in. Best, though, is the ▶️ epic ‘Announcing Deno 2’ video. After a slightly bombastic opener, Ryan presents a fantastic ‘keynote’ style tour of everything Deno has to offer – I enjoyed watching it.
Dahl, Belder, Iwańczuk and Jiang
💡 A neat new feature is Deno’s Jupyter Notebook support which Simon Willison checks out here.
A Deeper Understanding of Web Security — Steve Kinney hosts this extensive video course on the challenges of web security. You’ll gain a deeper understanding of security on the web, developing your mental model on how to approach things, explore common vulnerabilities, get hands-on experience with security tools, and get to grips with best practices.
Frontend Masters sponsor
Announcing TypeScript 5.7 Beta — The newest TypeScript is on the way. As always, a true laundry list of enhancements and new features, but the path rewriting for relative paths is a particularly welcome addition, enabling easy rewrites of .ts imports into .js at compile time.
Microsoft
IN BRIEF:
-
Ian Grunert writes about work done to (re)enable JavaScriptCore’s JIT mechanisms on Windows. This is particularly good news for Bun users.
-
Did you know MySQL 9.0 now natively supports JavaScript stored routines?
-
🇺🇸 The next JSNation event is taking place in a hybrid form both remotely and in New York City this November 18 and 21. Some fantastic speakers await.
-
Tenno is an interesting online Markdown editor that supports adding spreadsheet-like cells that can be populated by JavaScript.
-
🕹️ The winners of the latest js13kGames game jam have been announced. It’s amazing what people have managed to achieve in just 13KB.
RELEASES:
-
Bun v1.1.30 – Now includes experimental CSS parsing and bundling, as well as a
bun publishto publish npm packages, a lanpm publish. You can also compile code to bytecode to speed up startup times. -
Node.js v20.18.0 (LTS) – Now with network inspection support.
-
React Native Storybook 8.3 – React Native support in the popular component workshop finally gets fully up to speed.
-
Rsdoctor 0.4 – Tool for analyzing the Rspack / Webpack build process.
📒 Articles & Tutorials
Building a Local Single-Page App with htmx — If you have a reasonably simple app to build, using a large framework is probably going to be overkill. htmx to the rescue! Jake presents an easily followed practical tutorial packed with code.
Jake Lazaroff
💡 Jake also wrote an interesting case study of building a local-first app using SvelteKit and Shoelace, if you want to see something more fully-formed.
Product for Engineers: A Newsletter Helping Flex Your Product Muscle — Product for Engineers is dedicated to sharing the skills and strategies product engineers need to succeed.
PostHog sponsor
Build a Static RSS Reader To Fight Your Inner FOMO — The theme of lightweight JavaScript apps continues with a look at creating a basic RSS feed reader, that updates once a day, with Astro.
Karin Hendrikse
Node vs Bun: No Backend Performance Difference? — You can always trust a benchmark to ruffle some feathers, often over the methodology rather than the result. This is no exception, but interesting nonetheless.
Evert Heylen
▶ Building a Tic-Tac-Toe Game in TypeScript Types — One of those videos I enjoyed simply so I don’t ever feel tempted to try it myself.
Typed Rocks
Securing Node.js Express APIs with Clerk and React — Secure Express API endpoints and integrate authentication without the complexity of building it from scratch.
Clerk sponsor
📄 Building a Robust Frontend using Progressive Enhancement UK Government
📄 The Popover API: Your New Best Friend for Tooltips – Supported in all major browsers, except Safari on iOS. Sjoerd Beentjes
📄 18 Interview Questions Answered by Angular Experts Angular Space
📄 Testing CSS Print Media Styles with Cypress Gleb Bahmutov
🛠 Code & Tools
DOCX 9.0: Generate Word .docx Files from JavaScript — The code to lay out documents is verbose but there’s a lot of functionality baked in and there aren’t many other options for this task. Here’s a CodePen-based example to give you an idea. GitHub repo.
Dolan Miu
TinyJS: A Lightweight Way to Work with DOM Elements — Lighter than querySelector and friends, you ask? Not in file size, but certainly in code weight. TinyJS offers a jQuery-esque syntax for element selection, adding properties to elements, and more.
Victor Ribeiro
Breakpoints and console.log Is the Past, Time Travel Is the Future — 15x faster JavaScript debugging than with breakpoints and console.log, supports Vitest, jest, karma, jasmine, and more.
Wallaby Team sponsor
SVGuitar 2.4: Create SVG-Based Guitar Chord Charts — Dynamically generate chord charts / fingerings in the browser. You can experiment with it in this live demo.
Raphael Voellmy
Free Public APIs: A Collection of Free Public APIs for Developers — Categorized and searchable, these are tested daily by bots so if any API is taken down or moved behind a paywall, it’s removed from the site.
Nick Schneeberger
TutorialKit 1.0: Create Interactive Coding Tutorials — StackBlitz’s framework for creating interactive coding tutorials, perhaps as a way to boost the adoption of your own libraries or design system. v1.0 marks TutorialKit as stable.
StackBlitz
Jeasx: The Ease of JSX with the Power of SSR — A new server side rendering framework built on top of JSX and Fastify.
Maik Jablonski
ip-address 10.0: Library for Parsing and Manipulating IP Addresses — Works with both IPv4 and IPv6 addresses.
Beau Gunderson
-
React-Grid-Layout 1.5 – Draggable/resizable grid layouts for React apps.
-
🗓️ Schedule-X 2.4 – Material Design event calendar and date picker.
-
eslint-plugin-unicorn 56.0 – 100+ useful ESLint rules in one place.
-
Redwood 8.4 – Popular React app framework.
📰 Classifieds
Automatically creates & maintains E2E UI tests. Zero flakes. Used by Lattice, Bilt Rewards and others. Backed by YC, CTO GitHub and others.
Pythagora is an AI dev tool that builds production-ready tools (not demo apps). It writes the code and talks to you in the process.
⚙️ Create entire web apps with Reactile and let it handle your widgets and windows within a single browser tab. 1-month free trial. Try it now.
Published by Cooperpress and edited by Peter Cooper
‘JavaScript’ is a trademark of Oracle Corporation in the US
We are not endorsed by or affiliated with Oracle.
#708 — 2024 年 10 月 10 日
连同
[](https:// javascriptweekly.com/link/160913/d076523b1d)
JavaScript 周刊
TC39 提出 10 多项 ECMAScript 提案 — ECMAScript / JavaScript 规范开发背后的架构师本周再次聚在一起（您可以参见他们在这条推文中)并且他们有一个紧凑的议程。 导入属性、迭代器助手、[Promise.try](https: //javascriptweekly.com/link/160918/d076523b1d) 和 正则表达式修饰符 都进入了第 4 阶段，此外还有更多。
莎拉·古丁（Socket）
🦖 宣布 Deno 2 — “如果我从头开始重新发明 Node 会怎样？” 运行时的一个巨大版本。与 Node 的向后兼容性是一个主要功能，但还有更多内容。不过，最好的是 ▶️ 史诗般的“宣布 Deno 2”视频。在略显夸张的开场之后，Ryan 为 Deno 提供了精彩的“主题演讲”风格之旅——我很喜欢看它。
达尔、贝尔德、伊万祖克和蒋
💡 一个巧妙的新功能是 Deno 的 Jupyter Notebook 支持 Simon Willison 在此处查看。
深入了解网络安全 — Steve Kinney 主持了这个关于网络安全挑战的内容丰富的视频课程。您将对网络安全有更深入的了解，形成关于如何处理问题的心理模型，探索常见漏洞，获得安全工具的实践经验，并掌握最佳实践。
前端大师赞助商
宣布推出 TypeScript 5.7 Beta — 最新的 TypeScript 即将推出。与往常一样，这是一份真正的增强功能和新功能清单，但相对路径的路径重写 是一个特别受欢迎的补充，可以轻松重写 .ts 在编译时导入到 .js 中。
微软
简而言之：
-
Ian Grunert 撰写了有关（重新）在 Windows 上启用 JavaScriptCore 的 JIT 机制的工作。 这对于 Bun 来说是特别好的消息.com/link/160926/d076523b1d）用户。
-
你知道MySQL 9.0现在原生支持JavaScript存储例程吗？
-
🇺🇸 下一次 JSNation 活动将于今年 11 月 18 日至 21 日以远程和纽约市的混合形式举行。一些[出色的演讲者]( https://javascriptweekly.com/link/160929/d076523b1d）等待。
-
Tenno 是一个有趣的在线 Markdown 编辑器，支持添加可由 JavaScript 填充的类似电子表格的单元格。
-
🕹️【最新一届js13kGames游戏大赛获奖者】(https://javascriptweekly.com/link/160931/d076523b1d)已经公布。人们在短短 13KB 的时间内就取得了如此巨大的成就，真是令人惊叹。
发布：
-
Bun v1.1.30 – 现在包括实验性CSS解析和捆绑，以及用于发布npm包的“bunpublish”，即“npmpublish” 。您还可以将代码编译为字节码以加快启动时间。
-
Node.js v20.18.0 (LTS) – 现在支持网络检查。
-
React Native Storybook 8.3 – 流行的组件研讨会中的 React Native 支持终于完全跟上了速度。
-
Rsdoctor 0.4 – 用于分析 Rspack / Webpack 构建过程的工具。
-
ESLint 9.12.0、Electron.js 32.2、[Ember 5.12]( https://javascriptweekly.com/link/160938/d076523b1d）
📒 文章和教程
使用 htmx 构建本地单页应用程序 — 如果您要构建一个相当简单的应用程序，那么使用大型框架可能会太过分了。 htmx 来救援！ Jake 提供了一个易于理解的实用教程，其中包含代码。
杰克·拉扎罗夫
💡 Jake 还使用 SvelteKit 和 Shoelace 编写了一个关于构建本地优先应用程序的有趣案例研究，如果您想查看更完整的内容。
工程师产品：帮助展示产品实力的时事通讯 — 工程师产品致力于分享产品工程师所需的技能和策略成功。
邮报猪赞助商
构建静态 RSS 阅读器来对抗内心的 FOMO — 轻量级 JavaScript 应用程序的主题继续介绍如何创建基本的 RSS Feed 阅读器，每天更新一次，使用 Astro。
卡琳·亨德里克斯
Node vs Bun：没有后端性能差异？ - 你总是可以相信基准测试会激怒一些人，通常是通过方法而不是结果。这也不例外，但仍然很有趣。
埃弗特·海伦
▶ 用 TypeScript 类型构建 Tic-Tac-Toe 游戏 — 其中一个我很喜欢的视频，所以我从来没有我很想亲自尝试一下。
类型岩石
使用 Clerk 和 React 保护 Node.js Express API 的安全 — 保护 Express API 端点的安全并集成身份验证，无需从头开始构建它的复杂性。
文员赞助人
📄 使用渐进增强构建强大的前端 英国政府
📄 Popover API：工具提示的新好朋友 – 所有主要浏览器均受支持，iOS 上的 Safari 除外。斯约德·本特杰斯
📄【Angular 专家解答的 18 道面试题】(https://javascriptweekly.com/link/160950/d076523b1d) Angular Space
📄 使用 Cypress 测试 CSS 打印媒体样式 Gleb Bahmutov
🛠 代码和工具
DOCX 9.0：从 JavaScript 生成 Word .docx 文件 — 布置文档的代码很冗长，但有很多* 内置的功能，并且没有太多其他选项可以完成此任务。这里有一个基于 CodePen 的示例 来给您一个想法。 GitHub 存储库。
缪多兰
TinyJS：一种使用 DOM 元素的轻量级方法 — 你可能会问，比 querySelector 和朋友更轻？不是文件大小，而是代码重量。 TinyJS 提供了一种 jQuery 式的语法，用于元素选择、向元素添加属性等。
维克托·里贝罗
断点和 console.log 已成为过去，时间旅行才是未来 — JavaScript 调试速度比断点和 console.log 快 15 倍，支持 Vitest、jest、karma、jasmine 等。
小袋鼠队赞助商
SVGuitar 2.4：创建基于 SVG 的吉他和弦图表 — 在浏览器中动态生成和弦图表/指法。您可以在此现场演示中尝试一下。
拉斐尔·沃尔米
免费公共 API：供开发人员使用的免费公共 API 的集合 — 已分类且可搜索，这些内容每天都会由机器人进行测试，因此如果有的话API 被下架或移至付费墙后面，并从网站中删除。
尼克·施内伯格
TutorialKit 1.0：创建交互式编码教程 — StackBlitz 用于创建交互式编码教程的框架，也许可以作为促进您自己的库采用的一种方式或设计系统。 v1.0 将 TutorialKit 标记为稳定。
堆栈闪电战
Jeasx：借助 SSR 的强大功能，轻松实现 JSX — 一个基于 JSX 和 Fastify 构建的新服务器端渲染框架。
迈克·雅布隆斯基
ip-address 10.0：用于解析和操作 IP 地址的库 — 适用于 IPv4 和 IPv6 地址。
博·冈德森
-
React-Grid-Layout 1.5 – React 应用程序的可拖动/可调整大小的网格布局。
-
🗓️ Schedule-X 2.4 – Material Design 活动日历和日期选择器。
-
eslint-plugin-unicorn 56.0 – 100 多个有用的 ESLint 规则集中在一处。
-
Redwood 8.4 – 流行的 React 应用框架。
📰 分类广告
自动创建和维护 E2E UI 测试。零片。由 Lattice、Bilt Rewards 等公司使用。由 YC、GitHub 首席技术官和其他人支持。
Pythagora 是一种 AI 开发工具，用于构建生产就绪工具（不是演示应用程序）。它会编写代码并在此过程中与您对话。
⚙️ 使用 Reactile 创建整个 Web 应用程序，并让它在单个浏览器选项卡中处理您的小部件和窗口。 1 个月免费试用。 立即尝试。
由 Cooperpress 出版，由 Peter Cooper 编辑
“JavaScript”是 Oracle Corporation 在美国的商标
我们未获得 Oracle 的认可或隶属于 Oracle。
发布者