npq performs several extra steps compared to npm. It consults Snyk’s database of vulnerabilities, looks at the package’s age, download count, and docs, and tries to paint a better picture of what you’re really installing.
Liran Tal
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5👍4❤2
CHALLENGE
class LightMachine {
constructor() {
this.states = {
green: { next: 'yellow' },
yellow: { next: 'red' },
red: { next: 'green' }
};
this.currentState = 'green';
}
transition() {
this.currentState = this.states[this.currentState].next;
return this.currentState;
}
}
const lightMachine = new LightMachine();
let result = '';
for (let i = 0; i < 5; i++) {
result += lightMachine.transition() + ' ';
}
console.log(result.trim());❤4👍1
What is the output?
Anonymous Quiz
46%
yellow red green yellow red
22%
yellow red green red yellow
14%
red green yellow red green
18%
green yellow red green yellow
❤8👍1
CHALLENGE
async function processValues() {
try {
console.log('Start');
const a = await Promise.resolve('First');
console.log(a);
const b = await Promise.reject('Error');
console.log(b);
return 'Done';
} catch (err) {
console.log(err);
return 'Recovered';
} finally {
console.log('Finally');
}
}
processValues().then(result => console.log(result));❤1
What is the output?
Anonymous Quiz
30%
Start First Error Finally Recovered
24%
Start First Finally Recovered
39%
Start First Error Recovered Finally
7%
Start First Finally Error Recovered
👍4❤1🔥1
CHALLENGE
function greet(name) {
return `Hello, ${name}!`;
}
function highlight(strings, ...values) {
return strings.reduce((result, str, i) => {
return result + str + (values[i] ? `<em>${values[i]}</em>` : '');
}, '');
}
const user = 'Sarah';
const status = 'online';
console.log(highlight`User ${user} is currently ${status}.`);🔥2❤1
A meaty article (which took a year to put together) covering the myriad of JavaScript runtimes and engines both past and present, from obvious picks like Node.js to cloud platforms and lesser known ‘honorable mentions’. This is a great summary to round out your JS ecosystem knowledge.
Whatever, Jamie
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6❤5
CHALLENGE
class ChatServer {
constructor() {
this.clients = new Set();
this.messageLog = [];
}
connect(client) {
this.clients.add(client);
return () => this.clients.delete(client);
}
broadcast(message, sender) {
this.messageLog.push(message);
this.clients.forEach(client => {
if (client !== sender) {
client.receive(message);
}
});
}
}
const server = new ChatServer();
const david = { name: 'David', receive: msg => console.log(`David got: ${msg}`) };
const sarah = { name: 'Sarah', receive: msg => console.log(`Sarah got: ${msg}`) };
const emma = { name: 'Emma', receive: msg => console.log(`Emma got: ${msg}`) };
const disconnectDavid = server.connect(david);
server.connect(sarah);
server.connect(emma);
server.broadcast('Hello everyone!', david);
disconnectDavid();
server.broadcast('Is David still here?', sarah);
console.log(server.clients.size);❤2👍1
❤3👍2🔥2
CHALLENGE
class VideoCall {
constructor() {
this.pc = { iceConnectionState: 'new' };
this.streams = [];
}
async connect() {
this.pc.iceConnectionState = 'checking';
await Promise.resolve();
this.pc.iceConnectionState = 'connected';
this.streams.push('remote-video');
return this.pc.iceConnectionState;
}
handleConnectionChange() {
const states = ['new', 'checking', 'connected'];
return states.map(state => {
return this.pc.iceConnectionState === state ? `Status: ${state}` : null;
}).filter(Boolean);
}
}
const call = new VideoCall();
call.connect().then(() => {
console.log(call.handleConnectionChange());
});❤6
What is the output?
Anonymous Quiz
28%
['Status: connected', 'Status: checking', 'Status: new']
14%
[]
38%
['Status: new', 'Status: checking', 'Status: connected']
20%
['Status: connected']
❤6👍4🔥3
Wrapping around an (included) Swift-powered binary, this captures Mac system audio output and emits it as PCM encoded chunks at regular intervals. GitHub repo.
Nick Payne
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4👍2🔥1
CHALLENGE
const compose = (...fns) => x => fns.reduceRight((acc, fn) => fn(acc), x);
const addPrefix = str => `prefix_${str}`;
const capitalize = str => str.charAt(0).toUpperCase() + str.slice(1);
const addSuffix = str => `${str}_suffix`;
const process = compose(addSuffix, capitalize, addPrefix);
console.log(process('data'));
❤3
What is the output?
Anonymous Quiz
34%
prefix_Data_suffix
31%
prefix_data_suffix
17%
data_suffix
18%
Prefix_data_suffix
❤5👍2🔥2
Please open Telegram to view this post
VIEW IN TELEGRAM
1❤1🔥1
CHALLENGE
const Flyable = {
fly() { return `${this.name} is flying`; }
};
const Swimmable = {
swim() { return `${this.name} is swimming`; }
};
function createDuck(name) {
return Object.assign({ name }, Flyable, Swimmable);
}
const duck = createDuck('Quackers');
console.log(duck.fly());
console.log(duck.swim());
console.log(Object.getOwnPropertyNames(duck));❤3
What is the output?
Anonymous Quiz
21%
undefined is flying undefined is swimming [ 'name', 'fly', 'swim' ]
48%
Quackers is flying Quackers is swimming [ 'name', 'fly', 'swim' ]
21%
Quackers is flying Quackers is swimming [ 'fly', 'swim', 'name' ]
10%
Quackers is flying Quackers is swimming [ 'name' ]
🔥5❤3👍3
CHALLENGE
class Logger {
constructor(prefix) {
this.prefix = prefix;
}
log(message) {
console.log(`${this.prefix}: ${message}`);
}
}
class Database {
constructor(logger) {
this.logger = logger;
}
save(data) {
this.logger.log(`Saving ${data}`);
return `${data}_saved`;
}
}
const logger = new Logger('DB');
const db = new Database(logger);
const result = db.save('user');
console.log(result);1❤8👍2