JavaScript

CHALLENGE

const obj = Object.freeze({
  a: [1, 2, 3],
  b: {
    c: 4
  }
});

obj.a.push(4);
obj.b.c = 5;

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

✌️ An SSR Performance Showdown Fastify’s Matteo Collina set out to find the current state of server-side rendering performance across today’s most popular libraries. The first attempt faced negative feedback due to implementation issues, but the showdown has been improved and re-run. Matteo Collina

CHALLENGE

function outer() {
  var x = 1;
  
  function inner() {
    var x = 2;
    
    function deeper() {
      console.log(x);
    }
    
    return deeper;
  }
  
  return inner();
}

const fn = outer();
fn();

🙅‍♂️ Prisma 5.19.0, Now with 'Typed SQL' Prisma is a popular declaratively-driven ORM in the Node.js / TypeScript world and its new version makes it possible to write raw SQL queries in a type-safe way. Nikolas Burk

CHALLENGE

let num = 5;

function change() {
  let num = 10;
  return function() {
    return num;
  };
}

const getValue = change();
num = 20;

console.log(getValue());

😉How to Implement the 2048 Game in JavaScript Ania is back with one of her usual easy to follow walkthroughs of implementing a complete game in JavaScript. This time it’s the 2048 sliding puzzle game. (Two weeks ago she did Tic-Tac-Toe as well.) Ania Kubów

CHALLENGE

const obj = {
  num: 10,
  getValue() {
    return this.num;
  },
  getUpdatedValue() {
    return (() => this.num + 10)();
  }
};

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

😎 yocto-spinner: Tiny Terminal Spinner Fresh from the one-man module powerhouse that is Sindre Sorhus comes a new project: a tiny, as simple-as-possible terminal spinner/progress control. (‘Yocto’ is a metric prefix that sits below nano, pico, femto, atto, and even zepto..) Sindre Sorhus

📌 The JavaScript Summit Armenia 2024 trailer is live! It was an awesome event, and we’re excited to share some of the best moments with you. Huge thanks to everyone who joined us and helped make it happen. See you next year at JavaScript Summit Armenia 2025!

CHALLENGE

const obj = {
  value: 1,
  increment() {
    this.value++;
  }
};

const increment = obj.increment;
increment();

console.log(obj.value);

✌️ JavaScript Weekly

CHALLENGE

const obj = {
  data: [1, 2, 3],
  getData() {
    return this.data.map(x => x * 2);
  }
};

const newData = obj.getData.bind({ data: [4, 5, 6] })();
console.log(newData);

😆