👀 Quill 2.0: A Powerful Rich Text Editor for the Web

A major release and significant modernization for the open source WYSIWYG editor. In Announcing Quill 2.0, we learn about Quill’s transition to TypeScript and improved use of modern browser features, but there’s more going on too, such as its ESM packaging. Want to play with some code? There’s a playground.

SLAB INC.

❓ CHALLENGE

function Person(name) {
  this.name = name;
}
Person.prototype.getName = function() {
  return this.name;
}
var person1 = new Person('Alice');
console.log(person1.hasOwnProperty('getName'));

🥶 Building a CLI from Scratch with TypeScript and oclif

oclif is a mature CLI tool development framework maintained by Salesforce. This tutorial goes from zero to something that works.

JOSH CUNNINGHAM

❓ CHALLENGE

const clothes = ['shirt', 'socks', 'jacket', 'pants', 'hat']
clothes.length = 0
 
console.log(clothes[3])

🔥 Visualizing Algorithms

This fantastic post is now ten years old, but I revisited it recently and it’s such a joy. Mike Bostock (of D3.js fame) visually guides us through some algorithms using both demos and code.

MIKE BOSTOCK

❓ CHALLENGE

const obj = {};
obj.length = 5;
console.log(obj.length);

Netflix's hello world page 😂

❓ CHALLENGE

const obj = {};
Object.defineProperty(obj, 'length', { get: () => Math.random() });
console.log(obj.length);

❓ CHALLENGE

const obj = { length: 3 };
console.log(Object.keys(obj).length);

🤟 A Node.js Streams Masterclass

What a treat! Join the creator of Fastify, as well as Node.js TSC member, on an hour long odyssey into the world of streams, a topic in which he specializes. He starts off quite poetically .. a stream is like an array over time .. before quickly getting on to some live coding and demos. This is one in a series of events put on by Platformatic. (75 minutes.)

MATTEO COLLINA

❓ CHALLENGE

const arr = [];
arr[100] = 'a';
console.log(arr.length);

👀 pnpm 9.0: The Efficiency-Focused Package Manager

pnpm has long been a fantastic option for folks looking to save disk space and CPU cycles (or for its great monorepo support) while maintaining most of what makes npm great. v9.0 drops Node 16 and 17 compatibility, honors the packageManager field in package.json, makes some default config changes, and adopts Lockfile v9.

PNPM