JavaScript

👸 Dear Subscribers, We hope you're enjoying the content on our channel! ❤️ To continue delivering more exciting content, features, and exclusive stories, we're kindly asking telegram premium users to help us take things to the next level. By boosting our channel, you'll directly contribute to enhancing your viewing experience and supporting the growth of our community. Thank you for being a part of our journey. 🚀 P.S. Each Premium user can boost 4 times. https://t.me/javascript?boost

CHALLENGE

function Product(name, price) {
  this.name = name;
  this.price = price;
}

Product.prototype.discount = function(discount) {
  this.price -= discount;
};

const product = new Product('Phone', 500);
product.discount(50);

console.log(product.price);

👀 Pintora: An Extensible Text-to-Diagram Rendering Library A similar idea to Mermaid but with a different attitude to extensibility as well as no requirement for a headless browser server-side. The intro docs have both visual and code examples. HIKERPIG

❓ CHALLENGE

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

promise
  .then(result => console.log(result))
  .catch(error => console.error(error.message))
  .then(() => console.log('After catch'))
  .then(() => console.log('After then'))
  .catch(error => console.error(error.message));

😉 Seamless Drag and Drop Between Applications A fantastic demonstration of using browser APIs to create more elegant drag and drop experiences that even work across different browser windows or IFRAMEs, with Atlassian’s Pragmatic Drag and Drop library doing the heavy lifting. ALEX REARDON

❓ CHALLENGE

const promise = new Promise((resolve, reject) => {
  setTimeout(() => resolve(3), 1000);
});

promise
  .then(result => {
    console.log(result);
    return result * 2;
  })
  .then(result => {
    console.log(result);
    return new Promise(resolve => setTimeout(() => resolve(result * 3), 1000));
  })
  .then(result => {
    console.log(result);
  });

😱 Development Notes from xkcd's 'Machine' I bet many of you are fans of xkcd! For this year’s April Fools’ joke, they published ‘Machine’, a giant Rube Goldberg machine of sorts (explained here). With a lot of TypeScript up front and Haskell in the back, here’s how it works at a technical level. (GitHub repo.) MAX GOODHART

❓ CHALLENGE

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

promise
  .then(result => console.log(result))
  .then(result => console.log(result))
  .catch(error => console.error(error.message))
  .finally(() => console.log('Finally'));

🏤 Demystifying the push & pull nature of Angular Signals Tomas Trajan

❓ CHALLENGE

function Shape() {}
function Circle(radius) {}
Circle.prototype = Object.create(Shape.prototype);
const shape = new Shape();
console.log(shape instanceof Circle);

😉Postgres is all you need for your AI application (EN) Varik Matevosyan Software Engineer (Lantern, YC W24)

❓ CHALLENGE

function Person(name) {
  this.name = name;
}

Person.prototype.sayName = function() {
  console.log('My name is ' + this.name);
};

const john = new Person('John');

console.log(john.sayName === Person.prototype.sayName);

🤟 Five Node Version Managers Compared In an ideal world, the latest version of Node would slot well into every project, but in reality we often need to switch versions, and a variety of tools are available to make it simple. NVM is perhaps the best known, but maybe N, FNM, Volta, or even pnpm could suit you better? PAVEL ROMANOV