JavaScript

Sponsored by Bryntum

👮‍♀️

World Class Web Components

❓

CHALLENGE


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

arr.forEach((obj, index) => weakMap.set(obj, index));

arr.splice(1, 1); // Remove the second element

const result = arr.map(obj => weakMap.get(obj));

console.log(result);

Please open Telegram to view this post

VIEW IN TELEGRAM

👍5🔥2❤1

5.95K views06:33

JavaScript

What is the output?

Anonymous Quiz

👍8🤩4❤1🔥1

430 voters5.59K views06:33

JavaScript

Sponsored by Bryntum

👮‍♀️

World Class Web Components

🌲

How to Create an NPM Package in 2024

Sounds simple, but there are a lot of steps involved if you want to follow best practices, introduce useful tools, and get things just right. Matt Pocock walks through the process here, and there’s a 14-minute screencast too, if you’d prefer to watch along.

Matt Pocock

Please open Telegram to view this post

VIEW IN TELEGRAM

1❤3👍3🔥1

5.59K views13:33

JavaScript

Sponsored by Bryntum

👮‍♀️

World Class Web Components

✌️

JS Dates are About to Be Fixed

Handling dates and times is famously a painful area for programmers and JavaScript hasn’t done a lot to make it easier. Libraries like Moment.js help a lot, but Iago looks at how the Temporal proposal and its features will begin to help a lot more over time.

Iago Lastra

Please open Telegram to view this post

VIEW IN TELEGRAM

2❤3👍3🔥1

5.24K views13:59

JavaScript

Sponsored by Bryntum

👮‍♀️

World Class Web Components

❓

CHALLENGE


const obj = {
  outer: 1,
  inner: {
    outer: 10,
    inner: 20
  }
};

let result = 0;

with (obj) {
  result += outer;
  with (inner) {
    result += outer + inner;
  }
}

console.log(result);

Please open Telegram to view this post

VIEW IN TELEGRAM

👍5🤔2

5.72K views16:03

JavaScript

What is the output?

Anonymous Quiz

58%

17%

16%

2🔥9❤6👍6

544 voters5.89K views16:03

JavaScript

❓

CHALLENGE

const numbers = [0,0,0];

let i = 0;
const result = numbers.reduce((acc, _) => {
  return ++acc;
}, i);

console.log(i, result);

Please open Telegram to view this post

VIEW IN TELEGRAM

👍3

5.39K views10:30

JavaScript

What is the output?

Anonymous Quiz

3❤12👍8🤔8🔥2

653 voters5.32K views10:30

JavaScript

🍊

Rspack 1.0: The Rust-Powered JavaScript Bundler

Far from being ‘yet another bundler’ with its own approach and terminology to learn, Rspack prides itself on being webpack API and ecosystem compatible, while offering many times the performance. The team now considers it production ready and encourages you to try your webpack-based projects on it.

Rspack Contributors

Please open Telegram to view this post

VIEW IN TELEGRAM

❤3👍2🔥1

5.56K views15:02

JavaScript

CHALLENGE


function createCounter() {
  let count = 0;
  return {
    increment() {
      count++;
      return count;
    },
    getCount() {
      return count;
    }
  };
}

const counter = createCounter();

console.log(counter.increment());
console.log(counter.getCount());
console.log(counter.increment());
console.log(counter.getCount());

👍7❤4🔥3

5.52K views06:32

JavaScript

What is the output?

Anonymous Quiz

❤10👍7🔥1

625 voters5.48K views06:32

JavaScript

😆

So true ...

Please open Telegram to view this post

VIEW IN TELEGRAM

2🤣47❤7🔥6

5.75K views13:33

JavaScript

CHALLENGE


const obj = {
  a: 1,
  b: 2,
  getSum() {
    return this.a + this.b;
  }
};

const cloneObj = { ...obj, getSum() { return this.b + this.a; } };

console.log(obj.getSum());
console.log(cloneObj.getSum());

🤣11🔥3

5.56K views06:31

JavaScript

What is the output?

Anonymous Quiz

2❤9👍3🔥2

647 voters5.45K views06:31

JavaScript

Material UI v6 is out now

🎉

At ten years old, the popular design system has its latest major release. There's a focus on improved theming, color scheme management, container queries, and React 19 support. There are revamped templates to be inspired by, too.

García, Bittu, Andai, et al.

Please open Telegram to view this post

VIEW IN TELEGRAM

2❤3👍3🔥2🤣1

5.52K views14:29

JavaScript

CHALLENGE


const obj = {
  value: 42,
  getValue() {
    return Math.max(this.value, 50);
  }
};

const obj2 = {
  value: 25,
  getValue: obj.getValue
};

console.log(obj.getValue());
console.log(obj2.getValue());

❤8👍2

5.27K views06:32

JavaScript

What is the output?

Anonymous Quiz