JavaScript
32K subscribers
1.04K photos
10 videos
33 files
718 links
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
Download Telegram
πŸŒ• How to Make Complex Chrome Extensions

Spinning up a quick, simple browser extension isn’t that big of a deal nowadays, especially with tools like Extension to kick off a project. Larger extensions are a different story, so it’s neat to learn from the experiences of a team that’s built one.

Nina Torgunakova
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘5❀2πŸ”₯2🀣1
CHALLENGE

const array = [1, 2, 3];
array[-1] = 0;

console.log(array.length);
❀4πŸ‘3
What is the output?
Anonymous Quiz
53%
3
23%
4
14%
2
10%
1
πŸ‘16🀣10πŸ”₯3❀2🀩1
πŸ‘©β€πŸ¦― 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
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯7πŸ‘6❀3πŸ€”1
CHALLENGE

const obj = {
a: 1,
then(resolve) {
resolve(this.a);
}
};

obj.then(console.log);
πŸ‘4❀1
What is the output?
Anonymous Quiz
52%
1
17%
undefined
20%
Promise object
11%
Error
πŸ‘11❀7πŸ”₯3🀣3πŸ€”1
🀩 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
Please open Telegram to view this post
VIEW IN TELEGRAM
❀9πŸ‘4πŸ”₯4
CHALLENGE

const array = [1, 2, 3];
const obj = { a: 1, b: 2 };

array.push(obj);
obj.a = 3;

console.log(array[3].a);
πŸ‘8πŸ€”1
What is the output?
Anonymous Quiz
21%
1
58%
3
14%
undefined
7%
Error
πŸ€”11πŸ”₯9πŸ‘6
πŸ“Ž 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.
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘6❀4πŸ”₯4
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯8πŸ‘5❀4
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;
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘18πŸ”₯6πŸ€”6❀5
What is the output?
Anonymous Quiz
26%
1
47%
2
19%
undefined
8%
Error
πŸ‘19
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
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘9πŸ”₯7❀4
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);
Please open Telegram to view this post
VIEW IN TELEGRAM
What is the output?
Anonymous Quiz
21%
2
28%
-8
32%
-2
19%
Error
πŸ‘9❀8πŸ”₯4
SPONSORED BY Blacksmith πŸ‘©β€πŸš’
Run GitHub Actions 2x faster at half the cost.

✌️ JavaScript weekly #698
Please open Telegram to view this post
VIEW IN TELEGRAM
❀5πŸ‘5πŸ”₯2πŸ€”2🀣1
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);
Please open Telegram to view this post
VIEW IN TELEGRAM
❀6πŸ‘6πŸ”₯2
What is the output?
Anonymous Quiz
43%
3, 3
22%
3, 0
24%
0, 3
12%
0, 0
πŸ‘14❀6
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
Please open Telegram to view this post
VIEW IN TELEGRAM
❀6πŸ”₯3πŸ‘2
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);
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘6❀4πŸ”₯3