JavaScript

❓ CHALLENGE

function fetchData(url) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      if (url.startsWith('https://api.example.com')) {
        resolve({ data: 'Some data' });
      } else {
        reject(new Error('Invalid URL'));
      }
    }, 1000);
  });
}

fetchData('https://api.example.com/data')
  .then(response => console.log(response.data))
  .catch(error => console.error(error));

😂 Pac-Man in JavaScript in 1 Hour I felt old when Ania said “if you’ve never played Pac-Man before..” 😅 – nonetheless, she’s back with another of her fantastic, thorough walkthroughs. ANIA KUBÓW

❓ CHALLENGE

const person = {};
person.name.toUpperCase();
console.log(person.name);

🤟 Node.js's 2023 Summarized Rafael, of the Node.js TSC and Fastify core team, shares a useful update on the evolution of Node.js over the past year, how the team ensures Node is well tested and reliable, changes to Node’s vendor dependencies (of which it gained three in 2023), as well as enhancements to Node’s security and Web presence. RAFAEL GONZAGA

❓ 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());

📣 The React Team Shares What It's Been Working On Work on React Compiler has progressed with it now powering Instagram’s prod site ('React 19 Will Be Compiled' goes into depth on what the compiler means for most React devs). We also learn React 19 is on the way and will include breaking changes to support things like Web Components. THE REACT.JS CORE TEAM

❓ CHALLENGE

let i = 0;
for (; i < 5; i++) {
  setTimeout(() => console.log(i), 0);
}

💻 JSR first impressions JSR is a new package repository being introduced by the team at Deno that aims to solve many problems in the Javascript eco-system. I was invited to take part in very early access to it and want to share my impressions. Kitson P. Kelly

❓ CHALLENGE

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

Nice 🔥 Union, intersection, difference, and more are coming to JavaScript Sets

❓ CHALLENGE

const product = {
  name: "Laptop",
  price: 1000,
  discount: function(percentage) {
    return this.price * (percentage / 100);
  }
};
const result = product.discount(10);
console.log(result);

🟣🖐 ModularAdmin: Free Bootstrap 4 Dashboard Theme HTML version ModularAdmin is an open source dashboard theme built in a modular way. That makes it easy to scale, modify and maintain. modularcode

❓ CHALLENGE

const string = "abacabadabacaba";
const result = string.split("a").length - 1;
console.log(result);

✌️ Union, Intersection, Difference, and More Coming to JavaScript Sets Set was introduced back in ECMAScript 2015 (a.k.a. ES6) but only had some basic methods built-in. Phil looks at what sets can do and what new features are on the way. PHIL NASH