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
Open in Telegram
Subscribers
31.1K
Photos
1.2K
Videos
10
Links
897

Showing posts older than #2455 Β· Back to latest

Older Posts 20 shown
Post #2454 4.73K
πŸ€” How to Build Your Own Color Search Engine

A straightforward, practical look at bringing together several technologies and skills to create an AI powered color suggestion tool (which you can try here – results may vary, as seen above). The techniques covered can be used for many different practical ends.

LΓΊΓ­ Smyth
  • πŸ”₯ 6
  • πŸ‘ 3
  • ❀ 2
Post #2453 4.44K
  • πŸ€” 5
  • ❀ 3
  • πŸ‘ 1
Post #2452 4.53K
CHALLENGE

const handler = {
  get(target, prop) {
    if (prop in target) {
      return target[prop] * 2;
    } else {
      return `Property ${prop} not found`;
    }
  },
  set(target, prop, value) {
    if (typeof value === 'number') {
      target[prop] = Math.round(value);
      return true;
    }
    return false;
  }
};

const obj = { a: 5, b: 10 };
const proxy = new Proxy(obj, handler);

proxy.c = 7.8;
proxy.d = "hello";

console.log(obj.c, proxy.a, proxy.x);
  • ❀ 2
Post #2450 4.74K
CHALLENGE

const fruits = ['apple', 'banana', 'cherry'];
const newFruits = [...fruits];

newFruits.push('date');

const user = { name: 'Taylor', age: 30 };
const updatedUser = { ...user, age: 31 };

user.city = 'Seattle';

console.log(fruits.length, newFruits.length, user.city, updatedUser.city);
  • ❀ 5
Post #2449 4.7K
πŸ’» Deno 2.4: deno bundle is Back

Deno 2.4 reintroduces the deno bundle command for creating single-file bundles for both the server and client side, complete with support for npm and JSR dependencies and automatic tree-shaking. You can also now include arbitrary files into modules using import, and Deno’s built-in OpenTelemetry support is now stable. It’s a substantial release.

IwaΕ„czuk and Jiang
  • ❀ 3
  • πŸ‘ 2
  • πŸ”₯ 1
Post #2448 4.52K
  • ❀ 8
  • πŸ‘ 4
  • 🀣 4
  • πŸ”₯ 2
Post #2447 4.51K
CHALLENGE

let x = 5;

function foo() {
  console.log(x);
  let x = 10;
  console.log(x);
}

foo();
  • ❀ 1
Post #2446 4.98K
  • ❀ 3
  • πŸ‘ 3
  • πŸ”₯ 3
Post #2445 4.78K
CHALLENGE

const teams = [
  { name: 'Warriors', players: ['Curry', 'Thompson'] },
  { name: 'Lakers', players: ['James', 'Davis'] }
];

const newTeams = JSON.parse(JSON.stringify(teams));
newTeams[0].players.push('Green');

const shallowCopy = [...teams];
shallowCopy[1].name = 'Clippers';

const freezeTest = Object.freeze({nested: {value: 42}});
freezeTest.nested.value = 100;

console.log(teams[1].name, teams[0].players.length, freezeTest.nested.value);
  • ❀ 6
  • 🀣 4
Post #2444 4.53K
  • πŸ€” 8
  • 🀣 3
  • ❀ 2
  • πŸ”₯ 1
Post #2443 4.8K
CHALLENGE

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

const result = numbers
  .filter(n => n % 2 === 0)
  .map(n => n * 2)
  .reduce((acc, curr, idx, arr) => {
    if (idx === arr.length - 1) {
      return (acc + curr) / arr.length;
    }
    return acc + curr;
  }, 0);

console.log(result);
  • ❀ 3
  • πŸ”₯ 2
  • πŸ€” 2
Post #2442 5K
πŸ€” Hono 4.8: A Cross-Runtime Standards-Oriented Web Framework

Hono is a framework well worth exploring. It’s fast, lightweight, built on Web Standards, and can be used to build apps that work on numerous platforms from Node or Bun to Cloudflare or Fastly. v4.8 adds new route helper functions, improvements to JSX streaming and CORS, a new plugin system for static site generation, and more.

Yusuke Wada and Contributors
  • ❀ 7
  • πŸ‘ 1
  • πŸ”₯ 1
Post #2441 4.45K
  • πŸ”₯ 9
  • πŸ€” 3
  • ❀ 2
Post #2440 4.81K
CHALLENGE

const items = ['apple', 'banana', 'cherry', 'date'];  

const result = items
  .map(item => item.toUpperCase())
  .filter(item => item.length > 5)
  .reduce((acc, item, index) => {
    return acc + (index === 0 ? '' : '-') + item.slice(0, 3);
  }, '');

console.log(result);
  • ❀ 2
  • πŸ”₯ 1
Post #2439 5.11K
  • πŸ‘ 9
  • πŸ”₯ 3
  • ❀ 1
Post #2438 4.78K
CHALLENGE

const cache = new WeakMap();

const user1 = { name: 'Alice' };
const user2 = { name: 'Bob' };

cache.set(user1, { lastLogin: 'yesterday' });
cache.set(user2, { lastLogin: 'today' });

const result = [];
result.push(cache.has(user1));
result.push(cache.get(user2).lastLogin);

let user3 = { name: 'Charlie' };
cache.set(user3, { lastLogin: 'now' });
result.push(cache.has(user3));

user3 = null; // Removing the reference
// Garbage collector might run here in real situations

const user4 = { name: 'Charlie' }; // Same name, different object
result.push(cache.has(user4));

console.log(result);
  • ❀ 5
Post #2437 4.62K
✌️ Tips for Making Regular Expressions Easier to Use in JavaScript

Dr. Axel asks us to imagine if we had to write JavaScript without any whitespace or comments, so why should we have to write regexes that way? He has some tips for making the process more pleasant.

Dr. Axel Rauschmayer
  • ❀ 7
  • πŸ€” 3
  • πŸ”₯ 2
  • πŸ‘ 1
Post #2436 4.46K
  • ❀ 8
  • πŸ‘ 1
Post #2435 4.72K
CHALLENGE

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

const result = numbers
  .filter(num => num % 2 === 0)
  .map(num => num * 2)
  .reduce((acc, curr, idx, arr) => {
    if (idx === arr.length - 1) {
      return (acc + curr) / arr.length;
    }
    return acc + curr;
  }, 0);

console.log(result);
  • ❀ 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 β†’