CHALLENGE
function highlight(strings, ...values) {
return strings.reduce((result, string, i) => {
const value = values[i] ? `<mark>${values[i]}</mark>` : '';
return result + string + value;
}, '');
}
const name = 'Sarah';
const skill = 'React';
const template = highlight`Hello ${name}, you're great at ${skill}!`;
console.log(template);CHALLENGE
const str = 'JavaScript';
const result1 = str.slice(-6, -2);
const result2 = str.substring(-6, -2);
const result3 = str.substr(-6, 4);
const combined = [result1, result2, result3];
const final = combined.map(s => s || 'empty').join(' | ');
console.log(final);
What is the output?
Anonymous Quiz
26%
Scri | JavaScript | Scri
35%
Script | empty | Script
31%
Scri | empty | Scri
8%
Scri | | Scri
🤔7❤3👍1🔥1
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5🤣4👍2🔥1
First there was the "use strict" directive to opt in to strict mode in JavaScript, but now you’ll encounter use client, use server, React's new use no memo, and more, and they're not standard JS features at all. Tanner thinks this proliferation of directives comes at a cost, with an increased risk of framework and tooling lock-in.
Tanner Linsley (TanStack)
Please open Telegram to view this post
VIEW IN TELEGRAM
CHALLENGE
const user = {
name: 'Sarah',
age: 28,
city: 'Boston'
};
const keys = Object.keys(user);
const values = Object.values(user);
const entries = Object.entries(user);
const result = entries.map(([key, value]) => {
return typeof value === 'string' ? key.toUpperCase() : value * 2;
});
console.log(result);❤7👍1🔥1
What is the output?
Anonymous Quiz
32%
['SARAH', 28, 'BOSTON']
44%
['NAME', 56, 'CITY']
18%
[undefined, 56, undefined]
7%
['NAME', 'CITY', 56]
❤3
It’s not often we see a library with such a funny demo on the homepage (it involves cats and laser pointers!) Navcat is a pathfinding library, aimed at games and simulations, for enabling objects to route through 3D space. There are numerous other interesting demos too. GitHub repo.
Isaac Mason
Please open Telegram to view this post
VIEW IN TELEGRAM
❤6🔥2👍1
CHALLENGE
const numbers = [1, 2, 3, 4, 5];
const result = numbers
.filter(n => n % 2 === 0)
.map(n => n * 2)
.reduce((acc, n) => acc + n, 0);
const original = numbers.slice();
original.reverse();
const flattened = [[1, 2], [3], [4, 5]].flat();
const found = flattened.find(n => n > 3);
console.log(result);
console.log(original.length);
console.log(found);
❤2
👍8❤2🔥1
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3👍2🔥1
CHALLENGE
try {
const obj = null;
obj.property = 'value';
} catch (e) {
console.log(e.name);
}
try {
undeclaredVariable;
} catch (e) {
console.log(e.name);
}
try {
JSON.parse('invalid json');
} catch (e) {
console.log(e.name);
}❤1