JavaScript

🔵

Directives and the Platform Boundary

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

1.67K views13:07

JavaScript

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);

❤6👍1🔥1

1.41K views06:34

JavaScript

What is the output?

Anonymous Quiz

33%

['SARAH', 28, 'BOSTON']

43%

['NAME', 56, 'CITY']

18%

[undefined, 56, undefined]

['NAME', 'CITY', 56]

❤3

180 voters1.48K views06:34

JavaScript

😮

Navcat: 3D Floor-Based Pathfinding Library

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

❤5👍1🔥1

1.39K views13:03

JavaScript

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);

❤1

1.02K views06:31

JavaScript

What is the output?

Anonymous Quiz