Sponsored by Bryntum 👮‍♀️
World Class Web Components

🔥 Google takes its biggest L ever... now a convicted monopolist

Fireship

Sponsored by Bryntum 👮‍♀️
World Class Web Components

❓ CHALLENGE

const weakMap = new WeakMap();
const array = [1, 2, 3];
const obj = {};

weakMap.set(obj, array);

const result = weakMap.get(obj).reduce((acc, val) => acc + val);

console.log(result);

Sponsored by Bryntum 👮‍♀️
World Class Web Components

😆 What about JavaScript?

Sponsored by Bryntum 👮‍♀️
World Class Web Components

❓ CHALLENGE

const weakMap = new WeakMap();
const obj1 = {};
const obj2 = { key: 'value' };

weakMap.set(obj1, obj2);

const result = weakMap.get(obj1).key.split('').reverse().join('');

console.log(result);

Sponsored by Bryntum 👮‍♀️
World Class Web Components

👍 Volta 2.0: Install and Run JavaScript Tools Quickly

A long-standing Rust powered tool for installing and switching JavaScript related tools (like Node, TypeScript, Yarn, etc.) … “no matter the package manager, Node runtime, or OS.” GitHub repo.

Volta

Sponsored by Bryntum 👮‍♀️
World Class Web Components

❓ CHALLENGE

const weakMap = new WeakMap();
const objs = [{}, {}, {}];

objs.forEach((obj, index) => weakMap.set(obj, index + 1));

const result = objs.filter(obj => weakMap.has(obj)).map(obj => weakMap.get(obj) * 2);

console.log(result);

Sponsored by Bryntum 👮‍♀️
World Class Web Components

✌️ JavaScript Weekly #​701

Sponsored by Bryntum 👮‍♀️
World Class Web Components

🌲 Node.js Security release process

Only those who have been involved in a security release process know how hard it is (time-consuming, effort).
We've been working hard to automate most (if not all) of the process and the new security release process is live

Rafael Gonzaga

Sponsored by Bryntum 👮‍♀️
World Class Web Components

❓ CHALLENGE

const obj = {
  a: 1,
  b: 2
};

let a = 10;
let b = 20;

with (obj) {
  a += 1;
  b += 1;
}

console.log(a, obj.a, b, obj.b);

Sponsored by Bryntum 👮‍♀️
World Class Web Components

❓ CHALLENGE

const obj1 = {
  name: "Alice",
  age: 25
};

const obj2 = {
  age: 30,
  city: "Wonderland"
};

with (obj1) {
  with (obj2) {
    name = "Bob";
    console.log(name, age);
  }
}

Sponsored by Bryntum 👮‍♀️
World Class Web Components

🔥 Billionaire Pavel Durov arrested... The truth about Telegram

Fireship

Sponsored by Bryntum 👮‍♀️
World Class Web Components

✌️ Regexes Got Good: The History (and Future) of Regular Expressions in JavaScript

Regular expression support was always a little underwhelming in JS, but things have improved. Steven takes us on a tour to refresh our knowledge, as well as show off his ‘regex’ library that boosts JS regexes to a true A++ rating. Steven was co-author of O’Reilly’s Regular Expressions Cookbook and High Performance JavaScript so knows his stuff.

Steven Levithan

Sponsored by Bryntum 👮‍♀️
World Class Web Components

❓ CHALLENGE

const weakMap = new WeakMap();
const arr = [1, 2, 3].map(n => ({ n }));

arr.forEach(obj => weakMap.set(obj, obj.n * 2));

arr.pop(); // Remove the last element

const result = arr.reduce((acc, obj) => acc + weakMap.get(obj), 0);

console.log(result);

Sponsored by Bryntum 👮‍♀️
World Class Web Components

🌲 LogTape: Simple Logging Library with Zero Dependencies

I’m digging this new style of library that promises support across all the main runtimes (Node, Deno, Bun) as well as edge functions and browser devtools.

Hong Minhee