❓ CHALLENGE

const numbers = [4, 9, 16, 25];

const result = numbers.every(num => Math.sqrt(num) % 1 === 0);

console.log(result);

❓ CHALLENGE

const sentence = 'The quick brown fox jumps over the lazy dog';

const result = sentence.split(/\s+/).map(word => word.length).filter(length => length % 2 === 0);

console.log(result);

⛽️ When 'Everything' Becomes Too Much: Fresh npm Package Chaos

While many of us were taking a break, some folks published an 'everything' package that depended upon all public npm packages, resulting in millions of transitive dependencies. This caused.. some problems. One of the folks involved also shared the story from behind the scenes.

FEROSS ABOUKHADIJEH (SOCKET)

❓ CHALLENGE

const text = 'Hello, World!';

const result = text.match(/l+/g);

console.log(result);

🌲 The State of Benchmarking in Node.js

While Node has always been fast (thanks largely to its V8 underpinnings), there’s a renewed focus on performance in the face of benchmarks and claims from alternatives like Deno and Bun. Lars looks at the ecosystem of benchmarking options in the space.

LARS KAPPERT

👀 Dependency Cruiser 16.0: A Way to Visualize Dependencies

If you want a look at the output without running it for yourself, there’s a whole page of graphs for popular, real world projects including Chalk and Yarn. Might be an option if you're looking to create a fun poster for your office wall..? 😆

SANDER VERWEIJ

❓ CHALLENGE

const a = [1, 2, 3];
const b = a;

b[0] = 0;

console.log(a);

👩‍💻 React Aria 1.0: 40+ Accessible Components, Your Way

Anyone who follows Devon Govett (also of Parcel fame) on social media will know just how much he's put into this suite of components, and v1.0 is now here. If you’re building your own components and want to get accessibility right, this is for you. Devon explains a little more here.

ADOBE

❓ CHALLENGE

async function asyncQuiz() {
  console.log("Start");

  const promise1 = new Promise((resolve) => {
    setTimeout(() => resolve("Promise 1"), 1000);
  });

  const promise2 = new Promise((resolve) => {
    setTimeout(() => resolve("Promise 2"), 500);
  });

  console.log(await promise1);
  console.log(await promise2);

  console.log("End");
}

asyncQuiz();

Y'all have been doing sql queries wrong. 😂

Ashot Hovhannisyan

❓ CHALLENGE

function* gen() {
  yield *[1,1];
  yield 2;
  yield 3;
}

const generator = gen();

console.log(generator.next().value);
console.log(generator.next().value);

for (const value of generator) {
  console.log(value);
}

✌️ Top Front-End Tools Of 2023

Who doesn’t love a good front-end tool? In this roundup, you’ll find useful front-end tools that were popular last year and will help you speed up your development workflow. Let’s dive in!

Louis

❓ CHALLENGE

function getArr() {
  return Array.from(arguments);
}

const result = getArr(...[1, 2, 3]);

console.log(result);