What is the output?
Anonymous Quiz
32%
loop1 0, loop1 1, loop2 0, loop2 1
35%
loop1 0, loop1 1
11%
loop1 0, loop1 1, loop2 1
21%
loop1 1, loop1 2, loop2 1, loop2 2
👍11
🗞 Issue 11 / 06.06.2023
📄qnm: A CLI Tool to Look Into `node_modules`
If you’ve been into a
RAN YITZHAKI
💡 Don't forget about the always handy NPKILL for if you actually want to clear away those
📄 Hands On with Node's Built-In Test Runner
The built-in test runner became stable with the release of Node 20 and a lot of folks are now figuring out how to use it in their workflows. Phil walks through it with an easily understood and complete example here.
PHIL NASH
🛠 It must be the week for testing, as endpts has shared a thorough built-in test runner primer too, and NearForm's Rômulo Vitoi takes it a step further by showing us how to build a custom test reporter.
©️JS WEEKLY
📄qnm: A CLI Tool to Look Into `node_modules`
If you’ve been into a
node_modules folder and been overwhelmed, this tool lets you dig around with extra guidance as to what is what. You can use fuzzy search to find specific things, and also see which modules are using the most space (you could try that right now with `npx qnm doctor`).RAN YITZHAKI
💡 Don't forget about the always handy NPKILL for if you actually want to clear away those
node_modules nightmares.. 😁📄 Hands On with Node's Built-In Test Runner
The built-in test runner became stable with the release of Node 20 and a lot of folks are now figuring out how to use it in their workflows. Phil walks through it with an easily understood and complete example here.
PHIL NASH
🛠 It must be the week for testing, as endpts has shared a thorough built-in test runner primer too, and NearForm's Rômulo Vitoi takes it a step further by showing us how to build a custom test reporter.
©️JS WEEKLY
👍3❤2
IN BRIEF
📃Somehow we missed it, but Node.js recently turned 14 years old with the initial release being on May 27, 2009.
📃As of June 1, Node.js 19 is now 'end of life' and will not receive further updates.
📃Ohm, Pohl and Boes published an academic paper titled You Can Run But You Can't Hide: Runtime Protection Against Malicious Package Updates for Node.js. They approached the long-standing issue around supply chain security with a technique to automatically limit the capability of packages at runtime with 90% success and little overhead.
📃Alternative server-side JavaScript runtime Bun has added an interesting 'macro' feature to its new bundler. This might catch on.
MDN's reference pages on regular expressions in JavaScript have been substantially improved.
📃Somehow we missed it, but Node.js recently turned 14 years old with the initial release being on May 27, 2009.
📃As of June 1, Node.js 19 is now 'end of life' and will not receive further updates.
📃Ohm, Pohl and Boes published an academic paper titled You Can Run But You Can't Hide: Runtime Protection Against Malicious Package Updates for Node.js. They approached the long-standing issue around supply chain security with a technique to automatically limit the capability of packages at runtime with 90% success and little overhead.
📃Alternative server-side JavaScript runtime Bun has added an interesting 'macro' feature to its new bundler. This might catch on.
MDN's reference pages on regular expressions in JavaScript have been substantially improved.
👍2
🛠 Code & Tools
🔩 bundlejs: npm Package Bundle Size Checker
A browser-based tool that can treeshake, bundle, minify, and compress (`gzip` and `brotli`) packages to show you what their weight impact is. It runs entirely in the browser, too, using the WebAssembly build of esbuild.
OKIKI OJO
🔩 Prisma-Lint: A Linter for Prisma Schema Files
The team behind this tool has dozens of schema files to stay on top of, so they built this to maintain a consistent style and ensure they have the proper indices in place.
LOOP PAYMENTS
🔩 copy-paste: Cross-Platform Clipboard Copy/Paste
Wraps around different utilities for each operating system (macOS, Linux, BSD, and Windows).
XAVI
🔩 DOT Classes: TypeScript Library to Model Data Transfer Objects
Designed to model data transfer objects in HTTP JSON APIs using class-based schemas that serialize/deserialize, static types by default, custom validation support, and an API that may feel familiar if you use OpenAPI and JSON Schema.
ROBERT SINGER
🔩 bundlejs: npm Package Bundle Size Checker
A browser-based tool that can treeshake, bundle, minify, and compress (`gzip` and `brotli`) packages to show you what their weight impact is. It runs entirely in the browser, too, using the WebAssembly build of esbuild.
OKIKI OJO
🔩 Prisma-Lint: A Linter for Prisma Schema Files
The team behind this tool has dozens of schema files to stay on top of, so they built this to maintain a consistent style and ensure they have the proper indices in place.
LOOP PAYMENTS
🔩 copy-paste: Cross-Platform Clipboard Copy/Paste
Wraps around different utilities for each operating system (macOS, Linux, BSD, and Windows).
XAVI
🔩 DOT Classes: TypeScript Library to Model Data Transfer Objects
Designed to model data transfer objects in HTTP JSON APIs using class-based schemas that serialize/deserialize, static types by default, custom validation support, and an API that may feel familiar if you use OpenAPI and JSON Schema.
ROBERT SINGER
👍4
❤9🤣7
🔥7❤3
🗞 Issue 12 / 08.06.2023
📄 Polywasm: A Polyfill to Run WASM in JS Environments
The creator of esbuild is back with something fresh: a polyfill that uses live translation to be able to run
EVAN WALLACE
📄 Announcing TypeScript 5.1
This release of the statically typed JavaScript superset is a gentle 'quality of life' step forward rather than a featureful extravaganza, but we get support for linked editing of JSX tag names, namespaced JSX attributes, the ability to have unrelated types for getters and setters, and
DANIEL ROSENWASSER (MICROSOFT)
©️JS WEEKLY
📄 Polywasm: A Polyfill to Run WASM in JS Environments
The creator of esbuild is back with something fresh: a polyfill that uses live translation to be able to run
.wasm files in JS environments that either lack a WebAssembly implementation or have it disabled. You can see how it performs in this special version of the esbuild playground.EVAN WALLACE
📄 Announcing TypeScript 5.1
This release of the statically typed JavaScript superset is a gentle 'quality of life' step forward rather than a featureful extravaganza, but we get support for linked editing of JSX tag names, namespaced JSX attributes, the ability to have unrelated types for getters and setters, and
undefined`-returning functions no longer need an explicit `return.DANIEL ROSENWASSER (MICROSOFT)
©️JS WEEKLY
❤8
⚡️ IN BRIEF
📜 Douglas Crockford, of JS: The Good Parts fame, 🎬 is back pointing out JavaScript is a 'smelly' language and 'it's time for the next thing.' 😬 ⭐️
📜 MDN's reference pages on regular expressions in JavaScript have been substantially improved.
📜 From Apple's WWDC this week comes 🎬 a handy presentation on Safari's DevTools, plus a barrage of news about Safari enhancements around the 'spatial web', JPEG XL support, the popover API, offscreen canvas support, local storage policies, extra JS regex features, and more.
📜 Emma Twersky shares everything Angular related from the recent Google I/O 2023 event.
📜 Douglas Crockford, of JS: The Good Parts fame, 🎬 is back pointing out JavaScript is a 'smelly' language and 'it's time for the next thing.' 😬 ⭐️
📜 MDN's reference pages on regular expressions in JavaScript have been substantially improved.
📜 From Apple's WWDC this week comes 🎬 a handy presentation on Safari's DevTools, plus a barrage of news about Safari enhancements around the 'spatial web', JPEG XL support, the popover API, offscreen canvas support, local storage policies, extra JS regex features, and more.
📜 Emma Twersky shares everything Angular related from the recent Google I/O 2023 event.
🔥3
ARTICLES & TUTORIALS
📃 Why (and How) You Should Write Your WebAssembly in TypeScript
Performance is the main argument made by the author who shows off Wasmati, a library for creating WebAssembly modules by writing TypeScript using an API that corresponds to WASM operations. It works in modern browsers, Node, and Deno.
GREGOR MITSCHA-BAUDE
📃 Backtick Strings are Likely the Wrong Tool for Your Job
It’s too common to try to put together query strings using JavaScript’s template strings, says Mattie, and this leads to potential injection problems. Luckily, there’s an alternative way..
MATTIE BEHRENS
📃 Is React Having an 'Angular.js Moment'?
The author puts forward an argument comparing the discontinuity from AngularJS to Angular 2 in 2014 with current shifts in the React ecosystem.
FRANÇOIS ZANINOTTO
📃 Why (and How) You Should Write Your WebAssembly in TypeScript
Performance is the main argument made by the author who shows off Wasmati, a library for creating WebAssembly modules by writing TypeScript using an API that corresponds to WASM operations. It works in modern browsers, Node, and Deno.
GREGOR MITSCHA-BAUDE
📃 Backtick Strings are Likely the Wrong Tool for Your Job
It’s too common to try to put together query strings using JavaScript’s template strings, says Mattie, and this leads to potential injection problems. Luckily, there’s an alternative way..
MATTIE BEHRENS
📃 Is React Having an 'Angular.js Moment'?
The author puts forward an argument comparing the discontinuity from AngularJS to Angular 2 in 2014 with current shifts in the React ecosystem.
FRANÇOIS ZANINOTTO
🔥6👍2
👍6❤5