JavaScript

👀 Alpine, HTMX, Astro Stack Wordle App With Full Source! Popular dev YouTuber Jack demonstrates building a Wordle clone with a modern Alpine, HTMX and Astro-based stack. Or you can go straight to the code, if you prefer. JACK HERRINGTON

❓ CHALLENGE

function asyncSum(arr) {
  return arr.reduce(async (acc, num) => (await acc) + num, Promise.resolve(0));
}

async function computeTotal() {
  const result = await asyncSum([1, 2, 3, 4, 5]);
  console.log(result);
}

computeTotal();

CHALLENGE

function recursiveFibonacci(n) {
  return n <= 1 ? n : recursiveFibonacci(n - 1) + recursiveFibonacci(n - 2);
}

const result = recursiveFibonacci(6);

console.log(result);

CHALLENGE

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

async function complexMatrixOperation(matrix) {
  const result = await Promise.all(matrix.map(async row => {
    return await Promise.all(row.map(async num => {
      if (num % 2 === 0) {
        return await new Promise(resolve => setTimeout(() => resolve(num * 3), 200));
      } else {
        return await new Promise(resolve => setTimeout(() => resolve(num * 2), 100));
      }
    }));
  }));

  console.log(result);
}

complexMatrixOperation(matrix);

🤩 Heat.js: A Heat Map Visualization Library It has no dependencies, and is small, responsive, and themeable. GitHub repo. WILLIAM TROUP

❓ CHALLENGE

const array = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 30 },
  { name: 'Charlie', age: 22 },
];

const result = array.find(obj => obj.age === 30);

console.log(result);

☺️hehe

❓ CHALLENGE

const array = [
  { name: 'John', score: 80 },
  { name: 'Jane', score: 95 },
  { name: 'Doe', score: 88 },
];

const result = array.every(obj => obj.score >= 80);

console.log(result);

🤔 The AHA Stack: Another Way to Build Modern Webapps The AHA Stack is a full-stack webapp approach that brings together Astro, htmx, and Alpine.js, and where you send HTML over the wire. This is a fantastic showcase site that sells the idea well, complete with explanations and examples. FLAVIO COPES

❓ CHALLENGE

async function complexAsyncFunction() {
  const promise1 = new Promise(resolve => setTimeout(() => resolve(10), 1000));
  const promise2 = new Promise(resolve => setTimeout(() => resolve(20), 500));

  const result = await Promise.race([promise1, promise2]);

  console.log(result);
}

complexAsyncFunction();

❓ CHALLENGE

const array = [1, 2, 3, 4, 5];

const result = array.map(num => Promise.resolve(num * 2));

console.log(result);

🕺 9K Strong! Together, we're creating a community that thrives on knowledge, support, and positive vibes. 🎉 Cheers to 9K and beyond! 🌟🙌 ✌️ Check out our emoji pack here. ⚡️ Boost us in Telegram.