🛠 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

Share your fascinating quizzes with the Javascript community! 🥷

🗞 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 .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

⚡️ 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.

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

Deploying a Website on Firebase and Using It for Free: A Guide

Firebase offers features such as a real-time database, authentication, hosting, cloud storage, and more. Firebase also provides backend functionalities and infrastructure, allowing developers to focus on building their apps without worrying about server management or complex infrastructure setup.

PROFLEAD