JavaScript
32.1K subscribers
1.04K photos
10 videos
33 files
722 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 obj1 = {
a: 1,
method() {
return this.a;
}
};

const obj2 = Object.create(obj1);
obj2.a = 2;

console.log(obj2.method());
πŸ”₯7πŸ‘1🀩1
What is the output?
Anonymous Quiz
10%
Error
20%
undefined
54%
2
15%
1
πŸ”₯8πŸ€”7πŸ‘4❀3
πŸ˜‰ 3D in TypeScript with Raycasting

Raycasting is a somewhat old fashioned technique to render 3D environments (you may have seen it in 1992’s Wolfenstein 3D) but it’s easy to understand and worth implementing at least once.

Tsoding Daily
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘9❀3πŸ”₯3
CHALLENGE

async function asyncFunc() {
return 'async function';
}

function* generator() {
yield 'generator';
yield asyncFunc();
yield 'done';
}

const gen = generator();
(async function() {
console.log(gen.next().value);
console.log(await gen.next().value);
console.log(gen.next().value);
})();
πŸ‘9❀3πŸ”₯3
✌️ The Results of the State of JavaScript 2023 Survey

It feels odd including something about 2023 in June 2024, but the results of the major annual JavaScript developer survey are now out. It’s interesting to see what features JS devs do and don’t use, changes in library popularity over time, what build tools people are using, the divide between JavaScript and TypeScript usage, and much more besides.

Devographics
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘7❀2πŸ”₯2
CHALLENGE

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

console.log(obj2.a, obj2.b);
console.log(obj2.hasOwnProperty('a'));
console.log(Object.getPrototypeOf(obj2) === obj1);
πŸ‘9❀2
❀4πŸ‘4🀩1🀣1
πŸ˜†
Please open Telegram to view this post
VIEW IN TELEGRAM
🀣88πŸ€”6πŸ‘5❀3πŸ”₯2🀩1
CHALLENGE

const array = [1, 2, 3, 4, 5];
const result = array.filter(n => n % 2).map(n => n * 2);

console.log(result);
❀13πŸ”₯3🀩1
❀23πŸ‘9🀩3
Please open Telegram to view this post
VIEW IN TELEGRAM
❀4πŸ‘3πŸ”₯1
CHALLENGE

const arr = [1, 2, 3, 4, 5];
const [first, , third, ...rest] = arr;

console.log(first, third, rest);
πŸ”₯8❀4πŸ‘1
❀10πŸ‘9πŸ€”7
πŸ‘€ PixelMatch 6.0: A Fast Pixel-Level Image Comparison Library

Give it two images, it’ll highlight the differences. Now distributed as a ES module.

Mapbox
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘9❀3πŸ”₯3
CHALLENGE
const obj = {};
let value = 0;

Object.defineProperty(obj, 'prop', {
get() {
return value;
},
set(newValue) {
value = newValue + 1;
},
configurable: true,
enumerable: true
});

obj.prop = 10;
console.log(obj.prop);
πŸ‘4🀩3❀2
What is the output?
Anonymous Quiz
36%
10
48%
11
8%
1
9%
undefined
❀11πŸ€”7πŸ”₯3πŸ‘1
✌️ A Look at JavaScript's New Set Methods

Finding the intersection, union, and difference between sets, among other set-related tasks, is now a piece of cake. Available in Node 22+, Chrome/Edge 122+, Firefox 127+, Safari 17+, and now considered a 'baseline' feature.

Brian Smith (MDN)
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘11πŸ”₯3❀2🀩1
CHALLENGE

class Parent {
static greet() {
return 'Hello from Parent';
}
}

class Child extends Parent {
static greet() {
return super.greet() + ' and Child';
}
}

const childInstance = new Child();
console.log(childInstance.greet);
πŸ‘3πŸ€”2❀1
πŸ”₯17🀣12❀6πŸ‘5πŸ€”4
πŸ‘‘ Recreating the Queens Game in Vue

Queens is a puzzle game that combines elements of Minesweeper, chess, and Sudoku.

Fotis Adamakis
Please open Telegram to view this post
VIEW IN TELEGRAM
❀5πŸ‘3πŸ”₯2