💻 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

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

📣 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

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'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 person = {};
person.name.toUpperCase();
console.log(person.name);

😂 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

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

❓ CHALLENGE

class Rectangle {
  constructor(width, height) {
    this.width = width;
    this.height = height;
  }

  get area() {
    return this.width * this.height;
  }
}

const rectangle = new Rectangle(5, 10);
console.log(rectangle.area());

🤟 Preventing SQL Injection Attacks in Node

Learn more about why and where SQL injection attacks pose a threat and some initial ways to shield your Node apps against them.

LUCIEN CHEMALY

❓ CHALLENGE

const obj = { a: 1, b: 2 };
const key = 'c';
console.log(obj[key]);

💻 JSR: What We Know So Far About Deno’s New JS Package Registry

The Deno team is cooking up JSR (still behind a waitlist), a new JavaScript package registry (not merely a package management tool, like pnpm or Yarn) to address various npm limitations, including for Node users who don't even plan to use Deno.

SARAH GOODING

❓ CHALLENGE

const promise = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('Resolved');
    reject(new Error('Rejected'));
  }, 1000);
});

promise.then(response => console.log(response)).catch(error => console.error(error));