🍊 Viz.js: Work with Graphviz in the Browser

Graphviz is a suite of open source graph drawing tools of some 30+ years’ vintage. Viz.js is a WebAssembly Graphviz build that brings some of its functionality into the browser, as seen in the homepage's live demo (above). GitHub repo.

MICHAEL DAINES

❓ CHALLENGE

const x = [1, 2, 3];
const y = x;
y.push(4);
console.log(x.length);

😂 hehe

❓ CHALLENGE

const obj = { a: 1, b: 2, c: 3 };
const result = Object.values(obj).reduce((acc, curr) => acc * curr, 1);
console.log(result);

🌲 Graceful Shutdown in NodeJS

In this article, I will show you how to do a graceful shutdown in a NodeJS application, but first, let's describe what "graceful shutdown" means and why we need to do that in our application and what are the benefits.

nairihar

❓ CHALLENGE

const person = { name: 'John', age: 30 };
const { name, ...rest } = person;
console.log(rest);

🔥 Drizzle ORM Explained in 100 Seconds

The latest bitesize video from the always educational Fireship channel covers Drizzle ORM, a fast, TypeScript-based way to work with a variety of database systems across numerous JavaScript platforms, from Node to Bun, Deno Deploy, Supabase Functions, Cloudflare Workers, and more. If you need more, there’s ▶️ a 13 minute ‘crash course’ to learning Drizzle, too.

FIRESHIP

❓ CHALLENGE

function Person(name) {
  this.name = name;
}
Person.prototype.greet = function() {
  return `Hello, my name is ${this.name}`;
};
const john = new Person('John');
console.log(john.greet());

✌️📒 Eloquent JavaScript Goes Fourth

Coming several years after the third edition, the latest version of, perhaps, the best ‘all rounder’ book for learning JavaScript is here: “adjusted to the realities of 2024 and generally touched up.” You can read it on the Web, but it’ll be available in print later on too.

MARIJN HAVERBEKE

💎 JavaScript Summit Armenia 2024 | April 13

A day where enthusiasts and pros unite for insightful talks and community bonding. Get ready for a day of JavaScript joy and meaningful connections!

Non-profit free event with more than 1000 attendees.

If you are interested in supporting us, please contact us.

jssummit.am

Linkeding, Facebook, Telegram

❓ CHALLENGE

const numbers = [1, 2, 3];
const [x, y, z] = numbers;
console.log(x, y, z);

👀 Million Lint: A Linter for React Performance

Million’s mission is to make React apps faster and the new VS Code extension Million Lint takes a new approach: imagine ESLint but for suggesting performance improvements.

AIDEN BAI

❓ CHALLENGE

const value = { number: 10 };
function increment(obj) {
  obj.number++;
}
increment(value);
console.log(value.number);