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
CHALLENGE

const array = Array.from({ length: 5 }, () => Math.random() > 0.5);

console.log(array);
πŸ‘8
πŸ€”12πŸ‘8❀5🀣5
πŸ”΅ React Flow 12: Create Node-Based Editors & Interactive Diagrams

Part of xyflow, this makes it easy to create node-based UIs where you have interactive components wired together however you choose. There's a Svelte version too.

Moritz Klack and John Robb
Please open Telegram to view this post
VIEW IN TELEGRAM
❀6πŸ‘5
CHALLENGE

const obj1 = { a: 1 };
const obj2 = Object.create(obj1);
obj2.b = 2;

const result = 'a' in obj2;

console.log(result);
❀5πŸ‘4
What is the output?
Anonymous Quiz
23%
false
58%
true
15%
undefined
5%
Error
πŸ‘7❀3πŸ”₯2🀣1
πŸŒ• 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