👩‍🦯 es-toolkit: A Modern JavaScript Utility Library

Think Lodash but newer, faster, smaller, and with tree shaking and built-in TypeScript support. The reference guide shows off the supported functions so far – it’s not quite as extensive as Lodash, but it’s getting there with the goal being “to achieve full feature parity with Lodash.”

Viva Republica, Inc

🤩 Maska 3.0: Zero-Dependency Input Mask Library

Several demos on the homepage. Lightweight and framework independent but offers Vue 2/3, Alpine.js and Svelte integrations. GitHub repo.

Form․io

📎 Sponsorship opportunity!

We are excited to share that our JavaScript newsletter has become quite popular in our community!

With 21k subscribers and around 80 new joiners every day, we see a fantastic engagement with 20-30K reads daily.

If your company is interested in sponsoring and collaborating with our newsletter, we'd love to hear from you!

Feel free to contact me.

🌲 Node.js weekly #​541

SPONSORED BY Blacksmith 👩‍🚒
Run GitHub Actions 2x faster at half the cost.

CHALLENGE ❓

const obj = {
  a: 1,
  b() {
    return new Promise(resolve => {
      setTimeout(() => {
        resolve(this.a);
      }, 100);
    });
  }
};

obj.b().then(console.log);

obj.a = 2;

SPONSORED BY Blacksmith 👩‍🚒
Run GitHub Actions 2x faster at half the cost.

✌️ I am not... I repeat, I am not... a "frontend developer", just because I like to write JS.

I'm also not a "backend developer" b/c I like to write communication-oriented code, to manage and transmit data and juggle asynchony and other non-UI stuff.
I'm a middle-end dev. Forever. I build libraries, tools, etc. My product is what another dev uses to build their product.

Kyle Simpson

SPONSORED BY Blacksmith 👩‍🚒
Run GitHub Actions 2x faster at half the cost.

CHALLENGE ❓

const array = [1, 2, 3, 4];
const result = array.reduceRight((acc, val) => acc - val);

console.log(result);

SPONSORED BY Blacksmith 👩‍🚒
Run GitHub Actions 2x faster at half the cost.

✌️ JavaScript weekly #698

SPONSORED BY Blacksmith 👩‍🚒
Run GitHub Actions 2x faster at half the cost.

CHALLENGE ❓

function test() {
  console.log(arguments.length);
}

test(1, 2, 3);
test.call(null, 1, 2, 3);

SPONSORED BY Blacksmith 👩‍🚒
Run GitHub Actions 2x faster at half the cost.

🌲 Graceful Shutdown in NodeJS

In this article, I will show you how to do a graceful shutdown in a NodeJS application, but first, let's describe what "graceful shutdown" means and why we need to do that in our application and what are the benefits.

nairihar

SPONSORED BY Blacksmith 👩‍🚒
Run GitHub Actions 2x faster at half the cost.

CHALLENGE ❓

const obj = { a: 1, b: 2 };
const descriptor = Object.getOwnPropertyDescriptor(obj, 'a');

descriptor.value = 3;
Object.defineProperty(obj, 'a', descriptor);

console.log(obj.a);

SPONSORED BY Blacksmith 👩‍🚒
Run GitHub Actions 2x faster at half the cost.

The newer CSS viewport units (svh, lvh, dvh) are one of my favourite features in modern CSS 🔥

→ The "smallest viewport height" (svh) will always fit the smallest amount of space (all content will always be visible)

→ The "largest viewport height" (lvh) will always take up the largest amount of space (potentially hiding some content underneath UI)

→ The "dynamic viewport height" (dvh) will resize to fit the currently available space (adapting as the browser UI gets visible or hidden)

Mads Brodt