📒 ARTICLES & TUTORIALS

📃Synchronizing Videos or 3D Model Rotations to Scroll Driven Animations

With just a little JavaScript, you can control 3D models and/or videos using scroll-driven animations. It’s a common effect seen on modern fashion sites.

BRAMUS VAN DAMME


🎬 Recreating a JS Runtime to Understand Node's Magic

Popular speaker, educator, Microsoft MVP and Node.js core team member Erick gives a very enthusiastic talk on the latest ‘hello world’ in the JavaScript world: building a runtime 😏 Somehow, Erick manages to run through the key concepts involved in just 20 minutes.

ERICK WENDEL


🎬 React Server Components in Under Seven Minutes

Looking to quickly get a basic handle on RSCs? This fast-paced video tries to bootstrap you on the subject.

CODELIT

🛠 CODE & TOOLS


🐼 Panda CSS: Modern, Build-Time, Type-Safe CSS-in-JS

A new DX-focused CSS-in-JS approach boasting build-time generated styles and type safety out of the box. It works with Remix, Vite, Next.js, Astro, and server components.

SEGUN ADEBAYO


🔩 Perspective 2.3

Data visualization and analytics component. The core is written in C++ and compiled to WebAssembly where it can be used from JavaScript.

FINOS


🔩 Selecto.js: Make Elements Selectable Within a Drag Area

Let’s say you have a number of elements that represent choices, data, whatever, and you want users to be able to select a subset of them by clicking/pointing and dragging. That’s what this does. Live examples here.

DAYBRUSH (YOUNKUE CHOI)

How to Write More Efficient JavaScript Conditions

EESA ZAHED

🗞 Issue 17 / 27.06.2023


📄 Kysely: A Type-Safe SQL Query Builder

Inspired by Knex and targeting Node, it also works in Deno and the browser. It boasts a good autocomplete experience thanks to its fluent API. GitHub repo.

SAMI KOSKIMÄKI


📄 The June 20 Node.js Security Releases

As we suggested last week, the Node.js 16.x, 18.x, and 20.x lines all got updates in the form of v20.3.1 (Current), v18.16.1 (LTS), and v16.20.1 (LTS). The vulnerabilities are explained in the post and are primarily related to OpenSSL or the use of the experimental permissions feature behind the --experimental-permission flag. (This is why it's an experimental feature, while initial weaknesses are discovered and fixed.)

RAFAEL GONZAGA


©NODE.JS WEEKLY

🛠 CODE & TOOLS


🔩 Nightwatch.js 3.0: End-to-End Web Testing Framework

v3 includes some new selectors, features a revamped experience, lets you test Angular components in isolation, adds test double support for unit tests, and more. GitHub repo.

BROWSERSTACK LIMITED


🔩 Shiki: A Syntax Highlighter Using VS Code Themes

Supports over 100 languages and you can specify a VS Code theme in the settings to get the look you want. Works in both Node.js and even on static sites (via a CDN build) and you can see some examples here.

SHIKI