🗞 Issue 22 / 14.07.2023


📄 Driver.js: Create On-Page Tours, Highlights, and Contextual Help

A no-dependency, vanilla JavaScript library for putting together page tours and contextual help systems. The project is a few years old but has just been entirely rewritten and gained numerous enhancements, plus a huge lick of paint. There are lots of examples to check out.

KAMRAN AHMED


📄 Component Party: A Rosetta Stone of UI Library Code Examples

A comparison of different frameworks (like React, Vue, Svelte, Angular, Ember, etc.) by way of simple code snippets covering various tasks.

MATHIEU SCHIMMERLING


©️JS WEEKLY

🎉 RELEASES

Ember 5.1
The ambitious JS framework that'll never give up takes a big step into the TypeScript world with stable TypeScript support and types-a-plenty.

p5.js 1.7
Processing-inspired JavaScript library for creative coding. v1.7 introduces WebGL 2 and frame buffer support.

Prisma 5.0
A popular ORM for Node.js and TypeScript. 5.0 boasts significant performance improvements.

typescript-eslint 6.0


⚡️ IN BRIEF

obj?.prop = value;
The optional chaining assignment proposal advanced to stage 1 at TC39 this week. (Explanatory slidedeck.)

The folks at Sandworm have shared a look at the state of the npm registry including lots of trivia, history, and stats on how many packages there are, as well as the most commonly used keywords in packages.

Google shares a case study on performance of scroll-driven animations using its new browser based API versus 'classical JavaScript techniques.' Unsurprisingly it's much faster running away from the main thread, and the spec remains in draft for now.

npm will now check the linked source commit and repo when you view a package's provenance information on npmjs.com and warn you when said provenance cannot be established.

GitHub is rolling out a beta of passwordless, passkey based authentication on GitHub․com.

Managing RxJS Traffic with Signals and Suspensify

While Angular is not the first framework to implement Signals, it is The framework where developers rely most on RxJS...

Younes Jaaidi

😢...

I am Programmer, l have no life.

🗞 Issue 23 / 18.07.2023


📄 Upgrading TypeORM with jscodeshift

TypeORM is an ORM that supports both Data Mapper and Active Record patterns, and last year it introduced some breaking changes that left the author of this post facing a lot of updates to be made. What to do? Write a ‘codemod’ to automate the job! Even if you don’t use TypeORM, this post might give you some ideas for other places to use a code rewriting approach.

CLINTON BLACKBURN


📄 Deploying a Fastify and Vue 3 Static Site to Heroku

One way to get the benefits of a static site architecture but retain the option to flexibly add server-side functionality later.

LIRAN TAL


©️NODE.JS WEEKLY

📰 RELEASES


Octokit.js 3.0
Official GitHub SDK for browsers, Node, and Deno.

Fastify 4.20
The fast, low overhead web framework.

HyperExpress 6.8
High-perf HTTP / WebSocket server.

Nest 10.1
Popular server-side framework.

Mercurius 13.1
GraphQL adapter for Fastify.

🛠 CODE & TOOLS


🔩 Kanel: Generate TypeScript Types from Postgres

It works by inspecting a live database and outputs code you can add to a TypeScript project and use with something like Knex (above) – GitHub repo.

KRISTIAN DUPONT


🔩 fusion.ssg: A Minimal Framework for Static Websites

Think React may be overkill for a simple, static project? This new framework might be all you need. Here’s a video demo of it in operation.

JEFF SCHWARTZ