TGViewer
Channel Public Channel
JavaScript

JavaScript

@javascript

A resourceful newsletter featuring the latest and most important news, articles, books and updates in the world of #javascript 🚀 Don't miss our Quizzes!

Let's chat: @nairihar
Open in Telegram
Subscribers
31.1K
Photos
1.2K
Videos
10
Links
895

Showing posts older than #2719 · Back to latest

Older Posts 20 shown
Post #2718 3.96K
CHALLENGE

class Observable {
  constructor(subscriber) {
    this.subscriber = subscriber;
  }
  
  subscribe(observer) {
    return this.subscriber(observer);
  }
  
  map(fn) {
    return new Observable(observer => {
      return this.subscribe({
        next: value => observer.next(fn(value)),
        error: err => observer.error(err),
        complete: () => observer.complete()
      });
    });
  }
}

const source = new Observable(observer => {
  observer.next(1);
  observer.next(2);
  observer.complete();
});

const doubled = source.map(x => x * 2);
doubled.subscribe({
  next: value => console.log(value),
  complete: () => console.log('done')
});
  • ❤ 3
Post #2716 3.98K
  • ❤ 5
  • 🤔 3
  • 👍 2
  • 🔥 2
Post #2715 4.07K
CHALLENGE

class Calculator {
  static multiply(a, b) {
    return a * b;
  }
  
  static add = (a, b) => {
    return a + b;
  }
}

class ScientificCalculator extends Calculator {
  static multiply(a, b) {
    return super.multiply(a, b) * 2;
  }
}

console.log(Calculator.multiply(3, 4));
console.log(ScientificCalculator.add(5, 6));
console.log(ScientificCalculator.multiply(2, 3));
  • ❤ 6
Post #2714 3.61K
📥 The Birth of Prettier

The author takes us back ten years to the genesis of Prettier, the popular opinionated, deterministic code formatter he co-created with James Long. Prettier effectively introduced and popularized the practice of fully-automated AST-based code formatting in the JavaScript ecosystem.

Christopher Chedeau (Vjeux)
  • ❤ 11
  • 👍 2
  • 🔥 1
Post #2713 3.86K
  • ❤ 5
  • 👍 1
  • 🔥 1
  • 🤔 1
  • 🤩 1
Post #2712 3.87K
CHALLENGE

const obj = {
  name: 'Sarah',
  greet() {
    return `Hello, ${this.name}`;
  },
  delayedGreet() {
    const fn = function() {
      return this.greet();
    };
    return fn.call(this);
  }
};

const result = obj.delayedGreet();
console.log(result);
  • ❤ 4
Post #2711 4.19K
💌 Vite: The Documentary

From the same creators of the fantastic 😉 Node.js, 😉 Angular and 😉 React documentaries comes an up to date look at Vite, the build tool that has taken the JavaScript ecosystem by storm in recent years. Many luminaries make an appearance to tell their stories, including Evan You, Rich Harris, and Ryan Carniato. (39 minutes.)

CultRepo
  • 👍 4
  • 🔥 3
  • ❤ 1
Post #2708 4.02K
  • ❤ 2
  • 👍 2
  • 🔥 2
  • 🤔 2
Post #2707 4.06K
CHALLENGE

class Observable {
  constructor(subscribe) {
    this.subscribe = subscribe;
  }
  
  map(fn) {
    return new Observable(observer => {
      return this.subscribe({
        next: value => observer.next(fn(value)),
        error: err => observer.error(err),
        complete: () => observer.complete()
      });
    });
  }
}

const source = new Observable(observer => {
  observer.next(1);
  observer.next(2);
  observer.complete();
});

const doubled = source.map(x => x * 2);
doubled.subscribe({
  next: value => console.log(value),
  complete: () => console.log('done')
});
  • ❤ 4
  • 🤔 2
Post #2706 3.8K
  • ❤ 7
  • 🤣 4
  • 🤔 3
  • 🔥 1
Post #2705 3.88K
CHALLENGE

const obj = {
  name: 'Sarah',
  greet: () => {
    console.log(`Hello, ${this.name}`);
  },
  sayHi: function() {
    const inner = () => {
      console.log(`Hi, ${this.name}`);
    };
    inner();
  }
};

obj.greet();
obj.sayHi();
  • ❤ 3
Post #2703 4.17K
  • ❤ 4
  • 👍 3
  • 🔥 1
Post #2702 3.95K
CHALLENGE

const ws = new WeakSet();
const obj1 = { name: 'first' };
const obj2 = { name: 'second' };
const obj3 = obj1;

ws.add(obj1);
ws.add(obj2);
ws.add(obj3);

console.log(ws.has(obj1));
console.log(ws.has(obj3));
console.log(ws.has({ name: 'first' }));
console.log(ws.size);
  • ❤ 3
Post #2701 4.18K
😮 New Era for React = Stronger JavaScript Ecosystem 💙

We're thrilled that React is coming under the The Linux Foundation to create the React Foundation.

React doesn’t live in isolation - It works alongside Node.js, Electron, Webpack, and more. A dedicated foundation means more collaboration, security, and sustainability across the ecosystem.

OpenJS Foundation
  • ❤ 13
  • 👍 7
  • 🤔 1
Post #2700 3.67K
  • 🔥 4
  • ❤ 2
  • 👍 2
Post #2699 4K
CHALLENGE

function mystery(arr, depth = 0) {
  if (arr.length <= 1) return arr;
  
  const mid = Math.floor(arr.length / 2);
  const left = mystery(arr.slice(0, mid), depth + 1);
  const right = mystery(arr.slice(mid), depth + 1);
  
  const result = [];
  let i = 0, j = 0;
  
  while (i < left.length && j < right.length) {
    result.push(left[i] <= right[j] ? left[i++] : right[j++]);
  }
  
  return result.concat(left.slice(i)).concat(right.slice(j));
}

const arr = [3, 1, 4, 1, 5];
console.log(mystery(arr));
  • ❤ 6
Post #2698 3.8K
🤟 15 Recent Node Features That Can Replace Popular npm Packages

Many features that once required third-party packages are now built into the runtime itself. Here’s a look at some of the most notable that you may want to experiment with, prior to reducing unnecessary dependencies.

Lizz Parody
  • ❤ 9
  • 🔥 4
  • 👍 2
  • 🤩 1
Post #2697 3.89K
  • 🤣 5
  • 👍 3
  • ❤ 1
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →