TGViewer
Channel Public Channel
JavaScript

JavaScript

@javascript

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
Subscribers
31.1K
Photos
1.2K
Videos
10
Links
896

Showing posts older than #2577 · Back to latest

Older Posts 20 shown
Post #2575 4.34K
  • ❤ 8
  • 🔥 5
  • 🤔 1
  • 🤣 1
Post #2574 4.15K
CHALLENGE

const user = {
name: 'Sarah',
age: 25,
getName() { return this.name; },
getAge: () => this.age
};

const methods = {
regular: user.getName,
arrow: user.getAge
};

console.log(methods.regular());
console.log(methods.arrow());
console.log(user.getName());
console.log(user.getAge());
  • ❤ 1
  • 🔥 1
Post #2573 4.18K
🤟 Eliminating JavaScript Cold Starts on AWS Lambda

Porffor is a rapidly developing ahead-of-time JavaScript compiler with a major benefit being extremely quick process launch times (think sub-millisecond). This is certainly more a taste of the future, and something to experiment with, rather than something you want to imminently deploy into production.

Oliver Medhurst
  • 👍 7
  • ❤ 4
  • 🔥 1
Post #2572 4.08K
  • ❤ 3
  • 🔥 3
  • 👍 1
  • 🤔 1
Post #2571 4.05K
CHALLENGE

function* fibonacci() {
let [a, b] = [0, 1];
while (true) {
yield a;
[a, b] = [b, a + b];
}
}

function* takeWhile(generator, predicate) {
for (const value of generator) {
if (!predicate(value)) break;
yield value;
}
}

const fib = fibonacci();
const smallFibs = takeWhile(fib, x => x < 20);
console.log([...smallFibs].join(','));
  • 👍 3
  • ❤ 1
Post #2570 4.18K
  • ❤ 3
  • 👍 2
  • 🔥 1
Post #2569 4.28K
CHALLENGE

let obj = { name: 'Sarah', age: 25 };
let weakMap = new WeakMap();
let map = new Map();

weakMap.set(obj, 'weak reference');
map.set(obj, 'strong reference');

console.log(weakMap.has(obj));
console.log(map.has(obj));

obj = null;

console.log(weakMap.has(null));
console.log(map.has(null));
console.log(map.size);
  • ❤ 2
Post #2568 4.25K
  • ❤ 6
  • 👍 3
  • 🤔 3
Post #2567 4.37K
CHALLENGE

const nums = [1, 2, 3];
const obj = { a: 1, b: 2, c: 3 };

function process(...args) {
const [first, ...rest] = args;
const { a, ...others } = obj;
return { first, rest, a, others };
}

const result = process(...nums);
console.log(result.first);
console.log(result.rest.length);
console.log(result.others.b);
console.log(Object.keys(result.others).join(''));
console.log(result.a === nums[0]);
  • ❤ 4
  • 👍 1
Post #2566 4.12K
⚡️ DevHelperAI — AI Assistant for Programmers

Speed up solving programming tasks in any language — Python, JavaScript, Java, and more. Powered by ChatGPT Plus, but 3× cheaper! Don’t overpay $20 for ChatGPT Plus — pay just $7.25 and get faster, more accurate answers. Try DevHelperAI now!

👇 First month FREE !

@devhelperai_bot
  • ❤ 3
  • 👍 3
  • 🔥 2
Post #2565 3.85K
  • ❤ 6
  • 👍 3
  • 🤔 1
Post #2564 4.14K
CHALLENGE

console.log('1');

setTimeout(() => console.log('2'), 0);

Promise.resolve().then(() => console.log('3'));

setTimeout(() => console.log('4'), 0);

Promise.resolve().then(() => {
console.log('5');
return Promise.resolve();
}).then(() => console.log('6'));

console.log('7');
Post #2562 4K
  • ❤ 4
  • 👍 2
  • 🔥 2
Post #2561 4.1K
CHALLENGE

class StateMachine {
constructor() {
this.state = 'idle';
this.transitions = {
idle: { start: 'running' },
running: { pause: 'paused', stop: 'stopped' },
paused: { resume: 'running', stop: 'stopped' },
stopped: { reset: 'idle' }
};
}

transition(action) {
const next = this.transitions[this.state]?.[action];
if (next) this.state = next;
return this.state;
}
}

const sm = new StateMachine();
console.log(sm.transition('start'));
console.log(sm.transition('invalid'));
console.log(sm.transition('pause'));
console.log(sm.transition('resume'));
console.log(sm.transition('stop'));
console.log(sm.transition('reset'));
  • ❤ 10
  • 👍 1
Post #2560 3.79K
New career opportunity on the rise! 😆
  • 🤣 29
  • 🔥 3
  • ❤ 2
  • 🤩 2
Post #2559 4.33K
  • ❤ 6
  • 👍 2
  • 🔥 1
Post #2558 4K
CHALLENGE

const values = [null, undefined, '', 0, false, NaN];
const results = [];

for (let val of values) {
results.push({
value: val,
boolean: !!val,
string: String(val),
number: Number(val)
});
}

console.log(results[2].boolean);
console.log(results[3].string);
console.log(results[1].number);
  • ❤ 7
  • 👍 3
Post #2557 4.85K
Interesting idea 🤔

I always thought that front-end development is much harder then backend, but I was having trouble to explain that idea to developers. Today I wanted to check the opinion of the LLM, so called the general expert's opinion.

Agreed that front-end is harder for humans, because backend scales mathematically, rule based, and it's not that hard to understand. It's just math...

Then I asked, to find a similar analogy for front-end. It nailed. BIOLOGY!
____
Backend scaling: like mathematics: you add more nodes, shard databases, optimize queries - the system grows by formulas and predictable rules.

Frontend change: like biology: small mutations (new device, new browser feature, new UX demand) create emergent, often chaotic behavior that must be adapted to case by case.
____
Biology is more difficult then mathematics — mathematics is rule-bound and deterministic, while biology is emergent, full of exceptions, context-dependent, and constantly changing.
That’s why front-end (biology-like) feels messier and harder for humans, even if backend (math-like) can be more abstractly deep.

Edgar Marukyan
  • 👍 12
  • 🤔 11
  • ❤ 5
  • 🔥 1
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →