JavaScript
32K subscribers
1.03K photos
10 videos
33 files
714 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
😎 yocto-spinner: Tiny Terminal Spinner

Fresh from the one-man module powerhouse that is Sindre Sorhus comes a new project: a tiny, as simple-as-possible terminal spinner/progress control. (β€˜Yocto’ is a metric prefix that sits below nano, pico, femto, atto, and even zepto..)

Sindre Sorhus
Please open Telegram to view this post
VIEW IN TELEGRAM
❀2πŸ‘2πŸ”₯1
CHALLENGE

const obj = {
num: 10,
getValue() {
return this.num;
},
getUpdatedValue() {
return (() => this.num + 10)();
}
};

console.log(obj.getValue());
console.log(obj.getUpdatedValue());
🀣11πŸ‘6πŸ”₯3
What is the output?
Anonymous Quiz
78%
10, 20
12%
20, 20
6%
20, 30
4%
10, 30
πŸ‘10πŸ”₯6❀2
πŸ˜‰How to Implement the 2048 Game in JavaScript

Ania is back with one of her usual easy to follow walkthroughs of implementing a complete game in JavaScript. This time it’s the 2048 sliding puzzle game. (Two weeks ago she did Tic-Tac-Toe as well.)

Ania KubΓ³w
Please open Telegram to view this post
VIEW IN TELEGRAM
2πŸ‘12❀6πŸ”₯1
CHALLENGE

let num = 5;

function change() {
let num = 10;
return function() {
return num;
};
}

const getValue = change();
num = 20;

console.log(getValue());
❀2πŸ‘2
What is the output?
Anonymous Quiz
50%
10
8%
5
29%
20
12%
Error
2πŸ€”14πŸ‘9πŸ”₯8❀2
πŸ™…β€β™‚οΈ Prisma 5.19.0, Now with 'Typed SQL'

Prisma is a popular declaratively-driven ORM in the Node.js / TypeScript world and its new version makes it possible to write raw SQL queries in a type-safe way.

Nikolas Burk
Please open Telegram to view this post
VIEW IN TELEGRAM
3πŸ”₯10πŸ‘5❀2
CHALLENGE

function outer() {
var x = 1;

function inner() {
var x = 2;

function deeper() {
console.log(x);
}

return deeper;
}

return inner();
}

const fn = outer();
fn();
2πŸ”₯8πŸ€”5πŸ‘4
What is the output?
Anonymous Quiz
21%
1
53%
2
18%
undefined
7%
Error
πŸ‘5❀3πŸ”₯2
✌️ An SSR Performance Showdown

Fastify’s Matteo Collina set out to find the current state of server-side rendering performance across today’s most popular libraries. The first attempt faced negative feedback due to implementation issues, but the showdown has been improved and re-run.

Matteo Collina
Please open Telegram to view this post
VIEW IN TELEGRAM
1❀4πŸ‘3πŸ”₯1
CHALLENGE

const obj = Object.freeze({
a: [1, 2, 3],
b: {
c: 4
}
});

obj.a.push(4);
obj.b.c = 5;

console.log(obj.a);
console.log(obj.b.c);
πŸ‘6❀4πŸ”₯2🀩1
2🀣14πŸ‘9πŸ”₯6❀3πŸ€”2
🌲 Express.js 5.0 Released; Sort Of

After a long period of seeming to merely be on life support, work on Express picked up significantly earlier this year with a big plan to push β€˜Express forward.’ The first fruit of this process is now beginning to appear with v5.0. Node 18 is now the minimum support version, there are error handling improvements, improvements to the project’s tooling, the introduction of a Threat Model, and updates to many of its dependencies.

Wesley Todd
Please open Telegram to view this post
VIEW IN TELEGRAM
1❀11πŸ‘6πŸ”₯1🀩1
CHALLENGE

async function process() {
console.log('Start');
await new Promise(resolve => setTimeout(resolve, 0));
console.log('Middle');
return 'Done';
}

process().then(result => console.log(result));
console.log('End');
πŸ‘13πŸ€”7πŸ”₯1
πŸ‘16πŸ€”15❀7πŸ”₯2
πŸŽ‰ Happy Programmers' Day

256th day of this year
Please open Telegram to view this post
VIEW IN TELEGRAM
2πŸ‘42❀27🀣14πŸ”₯10πŸ€”5
CHALLENGE

function* gen() {
yield* [1, 2, 3].map(x => x * 2);
}

const iterator = gen();
console.log(iterator.next().value);
console.log(iterator.next().value);
console.log(iterator.next().value);
console.log(iterator.next().value);
πŸ‘5
❀10πŸ‘7πŸ”₯2🀣2
πŸ‘ Jimp 1.6: Image Processing in Node without Native Dependencies

Most image libraries, such as the powerful Sharp, lean on external libraries to do the heavy lifting, but Jimp can handle BMPs, GIFs, JPEGs, PNGs, and TIFFs on its own for blurring, color adjustments, resizing, rotation, etc. GitHub repo.

jimp Contributors
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯10πŸ‘6❀1🀩1
CHALLENGE

console.log(MyClass);
class MyClass {
constructor() {
this.value = 42;
}
}
❀2πŸ‘1
πŸ‘13πŸ”₯3❀2