JavaScript
32.2K subscribers
1.08K photos
10 videos
33 files
757 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
πŸ˜†
Please open Telegram to view this post
VIEW IN TELEGRAM
🀣50πŸ”₯3❀2
CHALLENGE

const user = {
profile: {
settings: {
theme: 'dark',
notifications: null
}
}
};

const result1 = user?.profile?.settings?.theme;
const result2 = user?.profile?.settings?.notifications?.email;
const result3 = user?.profile?.preferences?.language ?? 'en';
const result4 = user?.profile?.settings?.notifications?.push?.('test');

console.log(result1, result2, result3, result4);
πŸ€”3
✌️ Over 150 Algorithms and Data Structures Demonstrated in JS

Examples of many common algorithms (e.g. bit manipulation, Pascal’s triangle, Hamming distance) and data structures (e.g. linked lists, tries, graphs) with explanations. Available in eighteen other written languages too.

Oleksii Trekhleb et al.
Please open Telegram to view this post
VIEW IN TELEGRAM
❀10
CHALLENGE

const original = {
name: 'Sarah',
hobbies: ['reading', 'coding'],
address: { city: 'Portland', zip: 97201 }
};

const shallow = { ...original };
const deep = JSON.parse(JSON.stringify(original));

shallow.name = 'Emma';
shallow.hobbies.push('hiking');
shallow.address.city = 'Seattle';

deep.hobbies.push('swimming');
deep.address.zip = 98101;

console.log(original.hobbies.length, original.address.city);
❀7πŸ€”1
❀2
πŸ‘€ The Performance Inequality Gap in 2026

Esteemed browser and Web standards expert Alex Russell looks at the state of client-side Web performance, what sort of bandwidth you should be taking into account, what devices people are using, and warns against ever-growing JavaScript bundle sizes. A lot of data here.

Alex Russell
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘5❀1πŸ€”1
CHALLENGE

class SimpleObservable {
constructor(subscribeFn) {
this.subscribeFn = subscribeFn;
}

subscribe(observer) {
return this.subscribeFn(observer);
}
}

const obs = new SimpleObservable(observer => {
observer.next('first');
observer.next('second');
observer.complete();
});

const results = [];
obs.subscribe({
next: val => results.push(val),
complete: () => results.push('done')
});

console.log(results.join('-'));
❀4πŸ‘1πŸ€”1
πŸ—“ FullCalendar: A Full Sized JavaScript Calendar Control

Get a Google Calendar-style experience in your own apps. Has connectors for React, Vue and Angular, but can be used with plain JavaScript too. The base version is MIT licensed, but there’s a commercial version too with extra features.

Adam Shaw
Please open Telegram to view this post
VIEW IN TELEGRAM
❀10🀩1
CHALLENGE

const arr = [1, 2, 3];
const obj = { valueOf: () => 4, toString: () => '5' };
const result1 = arr + obj;
const result2 = +obj;
const result3 = String(obj);
const result4 = obj == 4;
const result5 = obj === 4;
console.log(`${result1}|${result2}|${result3}|${result4}|${result5}`);
const weird = [] + [] + 'hello';
const weirder = [] + {} + [];
const weirdest = {} + [] + {};
console.log(`${weird}|${weirder}|${weirdest}`);
const final = !!'0' + !!'' + !!null + !!undefined;
console.log(final);
πŸ₯Ά TSDiagram: Diagrams as Code with TypeScript

Draft diagrams quickly with TypeScript. Define your data models through top-level type aliases and interfaces and it automatically lays out the nodes in an efficient way. GitHub repo.

Andrei Neculaesei
Please open Telegram to view this post
VIEW IN TELEGRAM
❀6πŸ‘1