JavaScript Weekly Difficulty 631: March 24, 2023

Rushing Up the JavaScript Ecosystem: npm Scripts — The newest in what has been a captivating collection on discovering ‘low hanging fruit’ in relation to efficiency within the JavaScript world. The writer explains it finest himself:

“‘npm scripts’ are executed by JavaScript builders … on a regular basis. Regardless of their excessive utilization they aren’t significantly nicely optimized and add about 400ms of overhead. On this article we have been in a position to deliver that all the way down to ~22ms.”

What Marvin does here’s a priceless talent for all builders to choose up, and you’ll take pleasure in extra by going again to the begin.

Marvin Hagemeister

Playwright v1.32 – Now with UI Mode — The favored Internet testing and automation framework is taking extra steps towards floor at present served by instruments like Cypress by providing a ‘UI mode’ that permits you to discover, run and debug checks in a UI setting, full with watch mode. ▶️ This video supplies a great introduction.

Microsoft

A Grid Part with All of the Options & Nice Efficiency — Strive our highly effective JS knowledge grid element which helps you to edit, kind, group and filter datasets with implausible efficiency. Features a TreeGrid, API docs and loads of demos. Seamless integration with React, Angular & Vue apps.

Bryntum

Why We Added package deal.json Assist to Deno — Deno shares some provenance with Node.js however until lately it hadn’t centered on supporting Node options like npm modules. However with Node and npm compatibility starting to enhance, the workforce has confronted questions in regards to the runtime’s priorities. Ryan Dahl explains extra about their pondering right here.

Ryan Dahl

Tips on how to Begin a React Challenge in 2023 — There are many methods, however this well-regarded writer explains the professionals and cons of some approaches, and offers you just a few choices concentrating on particular use instances you may have.

Robin Wieruch

The ‘Finish’ of Entrance-Finish Growth? — A current narrative doing the rounds suggests that enormous language fashions like GPT-4 (and even instruments like Copilot X) might quickly put some builders out of a job — nonetheless, Josh is “optimistic about what these AI developments imply for the way forward for software program improvement”.

Josh W. Comeau

Migrating from ts-node to Bun — A have a look at adopting performance-oriented Bun if you’re used to utilizing TypeScript with Node.js. John runs us by porting a console app from the ts-node method over to Bun — “a reasonably straightforward course of,” he says.

John Reilly

VueUse: A Assortment of Vue Composition Utilities — With over 200 features concentrating on each Vue 2 and three, there’ll be one thing on this suite of Composition API-based utility features for you, whether or not it’s working with state, browser capabilities, animations, Electron, Firebase, and extra.

Anthony Fu

OTPAuth: One Time Password (HOTP/TOTP) Library — If you log in to a web site that makes use of 2FA and also you’re requested for some digits from an authentication app, that’s in all probability a Time-based One-Time Password (or TOTP). This library for Node, Deno, Bun and the browser helps you to work with TOTPs and HOTPs from JS.

Héctor Molinero Fernández

Make Bookmarklets — Create and take a look at bookmarklets instantly within the browser. Makes an irritating activity barely simpler if you should do it.

Cullan Luther