JavaScript Weekly Concern 622: January 20, 2023

Why Not doc.write()? — Many moons in the past, doc.write was a mainstay of client-side JavaScript code, however it’s lengthy been thought of a foul observe – why? Harry digs in, noting that it “ensures each a blocking fetch and a blocking execution, which holds up the parser for a lot longer than needed”.

Harry Roberts

New: The WebAssembly JavaScript Promise Integration API — A technical rationalization from the V8 crew on a brand new API to let WebAssembly apps bridge the synchronous / asynchronous hole of expectations round exterior performance (take into account that many apps are written synchronously, however trendy Internet APIs are normally asynchronous). JSPI helps bridge each worlds and may be examined by way of a flag in Chrome.

McCabe, Michaud, Rezvov, Dahl / V8 Staff

Break the Programming Mould with Dependency Injection — Maintain your code on the innovative with dependency injection in JavaScript. Take a look at Snyk’s information that offers a breakdown of what dependency injection is, when it is best to use it, and what standard JavaScript frameworks it’s carried out.

Snyk

Why Is My Jest Suite So Gradual? — Jest is thought for its pace and ease so the creator was shocked at how shortly his crew’s check suite was slowing down. This can be a write up of the following investigation together with the enhancements that slashed check operating time.

Steven Lemon

Bun v0.5 Launched — Bun is one other JavaScript runtime taking the world by storm and a stage of Node compatibility has been baked in from the beginning. v0.5 provides help for node:readline, workspaces, a node:dns shim, and community socket creation help such that extra Node.js-based database libraries work out of the field.

Ashcon Partovi

Fixing a Reminiscence Leak in a Manufacturing Node.js App — Kent encountered a wide range of bizarre reminiscence and CPU utilization spikes in his Node-powered app and determined to determine what was happening. This publish walks by way of his full journey, with loads of aspect issues encountered alongside the best way, earlier than discovering the foundation trigger was the place he least anticipated it.

Kent C Dodds

📊  A Newbie’s Information to Chrome Tracing — For while you wish to go deeper than the Efficiency tab. With tracing, you possibly can document what a browser is as much as far behind the scenes.

Nolan Lawson

Shifty: A Small, Quick Tweening Engine — All it does is tweening. It’s a low stage animation answer that you would be able to combine into any rendering mechanism of your selection. The examples right here display it properly as it may be used for ‘animating’ issues in an unconventional sense. GitHub repo.

Jeremy Kahn