✌️ VoidZero: A Next-Generation Toolchain for JavaScript

Not content to have merely created Vue.js and Vite, JavaScript powerhouse Evan You has unveiled his latest adventure: a $4.6m funded company building an open-source unified development toolchain for the JavaScript ecosystem. With his track record, this is as good an attempt as it gets.

Evan You

CHALLENGE ❓

async function fetchData() {
  console.log('Fetching...');
  await new Promise((resolve) => {
    setTimeout(() => {
      console.log('Data fetched');
      resolve();
    }, 100);
  });
  console.log('Process completed');
}

fetchData();
console.log('End of script');

😉Bundling: The Past, Present and Future

A history lesson on bundlers, why they’re used, the problems they solve, the current ecosystem, and a look at the potential future for these tools.

Devon Govett

CHALLENGE ❓

console.log(1);
setTimeout(() => console.log(2), 0);
Promise.resolve()
  .then(() => {
    console.log(3);
    return Promise.resolve(4);
  })
  .then(console.log);
console.log(5);

🔥 How an incredibly amateur mistake left Arc Browser wide open to hackers

CHALLENGE ❓

console.log('A');
setTimeout(() => console.log('B'), 0);
Promise.resolve().then(() => console.log('C'));
console.log('D');

CHALLENGE ❓

setTimeout(() => {
  console.log('setTimeout 1');
  Promise.resolve().then(() => console.log('Promise 1'));
}, 0);

Promise.resolve().then(() => {
  console.log('Promise 2');
  setTimeout(() => console.log('setTimeout 2'), 0);
});

console.log('Sync');

👩‍🦯 ESLint now officially supports linting of JSON and Markdown

CHALLENGE ❓

async function asyncFunc() {
  console.log('Async Start');
  await new Promise(resolve => setTimeout(resolve, 100));
  console.log('Async End');
}

console.log('Script Start');
asyncFunc();
setTimeout(() => console.log('Timeout 1'), 50);
setTimeout(() => console.log('Timeout 2'), 150);
console.log('Script End');

🌪 Run your GitHub Actions locally

CHALLENGE ❓

setTimeout(() => {
  console.log('Timeout');
  Promise.resolve().then(() => console.log('Promise after Timeout'));
}, 0);

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

console.log('End of script');

CHALLENGE ❓

setTimeout(() => console.log('Timeout 1'), 100);

setTimeout(() => {
  console.log('Timeout 2');
  Promise.resolve().then(() => console.log('Promise in Timeout 2'));
}, 50);

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

setTimeout(() => console.log('Timeout 3'), 150);

console.log('Sync');

✌️ TC39 Advances 10+ ECMAScript Proposals

The architects behind the development of the ECMAScript / JavaScript spec got together again this week (you can see them in this tweet) and they had a packed agenda. Import attributes, Iterator helpers, Promise.try and Regexp modifiers all made it to stage 4, and more besides.

Sarah Gooding (Socket)