📊 Unovis: A Modular Data Visualization Framework

Works with React, Angular, Svelte, Vue or plain old JS/TS. Handles all sorts of things from Sankey diagrams to maps, graphs, chord diagrams, and traditional line/area charts. The v1.4 release adds support for annotating visualizations in a flexible way. There’s a gallery of examples (with code) if you want to dig in.

F5, INC.

❓ CHALLENGE

const obj = { a: 1 };
const { b } = obj;
console.log(b);

🤔 JSR is Not Another Package Manager

When Ryan created Node, JavaScript had no packages or standard module system. npm and CommonJS took off, and tools like Yarn or pnpm extended npm in certain areas, but in today's ES modules era, it’s time for a transformation. JSR is not merely a new npm, but a shift in how packages are distributed, tailored for the modern era.

RYAN DAHL

❓ CHALLENGE

const promise1 = new Promise((resolve, reject) => {
  setTimeout(() => resolve(10), 500);
});
const promise2 = new Promise((resolve, reject) => {
  setTimeout(() => reject('Error'), 1000);
});

Promise.allSettled([promise1, promise2])
  .then(results => console.log(results))
  .catch(error => console.error(error));

😉Running LLMs in the browser without servers

Tigran Bayburtsyan
Founder & CTO at TreeScale

❓ CHALLENGE

console.log('Start');

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

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

console.log('End');

🥶 TypeScript 5.5 Beta

On the Node side, if you’re writing an ECMAScript module, you can now use named imports from TypeScript’s npm package.

MICROSOFT

We're officially 1 year old! 🎂

Together, we've laughed, learned, and shared countless moments that have made this past year truly productive. Your passion fuels our commitment to delivering content that inspires, entertains, and connects us all.

Thank you for being a part of our journey. Here's to an even brighter future together!

✌️ Check out our emoji pack here

⚡️ Boost us in Telegram

🤝 Collaboration

❓ CHALLENGE

console.log('Start');

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

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

console.log('End');

🌲 Node.js 22.0 (Current) Released

The latest major version of Node is here. Note that it’s a ‘Current’ release for now, so gets all the newest features first, but is due to become Node's main active LTS release this October. As an even numbered release, Node 22 should be around and maintained for a long time, most likely out to 2027 or so (see image above).

❓ CHALLENGE

console.log('Start');

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

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

function foo() {
  console.log('Function call');
}

foo();

console.log('End');

🔵 React 19 Now in Beta

While designed to get library developers prepared for the eventual React 19 release, this is nonetheless a huge step, with full support for Custom Elements (Custom Element support has long been a thorn in React's side), all the latest React Server Components goodies, Actions, use, and more besides.

THE REACT TEAM

❓ CHALLENGE

console.log('Start');

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

function foo(n) {
  if (n === 0) {
    console.log('End');
    return;
  }
  console.log('Function call');
  foo(n - 1);
}

setTimeout(() => foo(3), 0);

👀 I Reviewed 1,000s of Opinions on HTMX

htmx is an increasingly popular way to use modern, dynamic browser features through creative use of HTML attributes, rather than hand writing JS for everything. Dylan looks at the pros and cons through the lens of community sentiment.

DYLAN HUANG