🔥 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);

❓ CHALLENGE

const nums = [1, 2, 3, 4, 5];
const sum = nums.reduce((total, current) => {
  return total + current * current;
}, 0);
console.log(sum);

✌️ 🌴 New JavaScript features in Safari 17.4: Promise.withResolvers(), Object.groupBy(), Map.groupBy()

❓ CHALLENGE

const num = 8;
const obj = {
  num: 10,
  inner: {
    num: 6,
    getNum: function() {
      return this.num;
    }
  }
};
console.log(obj.inner.getNum());
const getNum = obj.inner.getNum;
console.log(getNum());

🤟 Node.js Updates: Text Styling (v21.7.0)

Sometimes minor Node versions have little beyond bug fixes, but other times you get some new features, and 21.7 doesn’t disappoint. Node gains a new util.styleText() function for formatting text (including with color!), new functions to work with .env files, multi-line value support for .env files, a crypto.hash() function to more quickly compute digests in one shot (example), and more.

THE NODE.JS CORE TEAM

❓ CHALLENGE

function* generateSequence() {
  yield 1;
  yield 2;
  return 3;
}

const generator = generateSequence();
console.log(generator.next());
console.log(generator.next());
console.log(generator.next());

📊 Plotly 2.30: A JavaScript Graphing Library

A high-level, declarative charting library, built on top of D3 and stack.gl, with over 40 chart types, including 3D charts, statistical graphs, and SVG maps.

PLOTLY, INC.