Bookmarks (194)

htmlparser2 8.0: A 'Fast and Forgiving' HTML and XML Parser — Consumes documents and calls callbacks, but it can generate a DOM as well. There’s a live demo here. Works in both Node and browser.

Four Eras of JavaScript Frameworks — While the pre-2012 history is a bit fuzzy given the author’s experiences, this is a nice retrospective and attempt to break down the history of JavaScript frameworks into four eras, each of which builds upon what came before.

Building a JavaScript Bundler from Scratch — You’ve built a to-do list, you’ve built a static site generator.. maybe even a testing framework? Christoph, known for his role in building Jest, Yarn and MooTools, takes us to the next step: building a bundler. There’s a livestream version too. A great way to understand how such tools work under the hood.

Updated Course: Complete Intro to React — Join Brian Holt for this updated look at getting started with React. Covering things like hooks, effects, context, and portals. Throughout this video course you’ll learn about tools from across the entire React ecosystem (like Parcel, ESLint, TailwindCSS, and React Router).

Jest 28: JS Testing Gets Lighter, Faster, More Productive — Jest is one of the most popular JS testing frameworks and v28 packs in a lot: sharding tests across multiple machines, a GitHub Actions reporter, improved support for package entry points with exports, and

How a Team Reduced Startup Time by 80% with Webpack — Admittedly, this team began from a reasonably inefficient starting point, such as using ts-node in production, but this post contains experiences or findings many teams could empathize with.

▶  TypeScript Tips and Tricks with Matt Pocock — Matt has been developing a strong reputation on Twitter recently for his useful TypeScript tweets and videos, so it’s nice to see him digging deep on the VS Code YouTube channel with Burke Holland. 55-minutes, but if you’re a TypeScript user, you will learn something.

Breaking Down JSON Web Tokens (JWTs) - Free eBook — We'll teach you how to build a secure signed JWT, the pros and cons of JWTs, and how to revoke them. Get the eBook today.

Node 18's 'Prefix-Only' Core Modules Explained — A look at a new type of core module that can’t be imported quite like the others, e.g. import test from 'node:test'.

Remotion 3.0: 'Write' Videos in React — Remotion lets you use your React skills to create videos by writing what you want to happen in code with Remotion handling the rendering and encoding. This video, built in Remotion, shows off a new AWS Lambda-based serverless rendering mechanism.

Frappe Gantt: An Open Source JavaScript Gantt Chart Control — Gantt charts are commonly used in project management to show the progress and connection between activities spread over a timeline. There’s a live demo on this page, or you can head to the GitHub repo.

Couchbase Capella DBaaS: Store in JSON, Access with SQL — Build faster w/ in-memory performance & automatic replication & scaling. Try it now for free & be live in under 3 minutes.

Lexical: An Extensible Text Editor Library (That Does Things Differently) — Fresh from Meta (or Facebook, as my brain still calls it) comes a new text editor framework with accessibility, performance, and reliability at its heart. 22KB gzipped, supports React 18 (but can be used in a vanilla fashion), and a (native) iOS version is to follow. Remind you of Draft.js? Think of this...

The OpenJS Foundation's JavaScriptLandia Awards — Back in 2020, the OpenJS Foundation launched JavaScriptLandia as a sort of way to express support for the JS ecosystem, but here’s a practical result of it: you can nominate anyone in the JS ecosystem for an award for the hard work they do. So, um, yeah, find your favorite new library and nominate its creator, perhaps?

Ember 4.3 Released — One of JavaScript’s longest standing web application frameworks takes another step forward. Why use Ember? Well there’s a site explaining that too.

▶  Ember's Road to TypeScript and More — A dapper looking Chris Krycho (who has equally smart looking slides) promises his talk is good even for non-Ember and non-TypeScript using developers as the work they’ve been doing affects us all.

Seven Web Component Tricks — A few things that may not be ‘super obvious’ about working with Web Components. Presented in a straightforward manner with code examples.

Transform Your File Uploads with Filestack — Give users access to file upload sources like Instagram, Dropbox, & Google Drive with just two lines of code - our advanced APIs can then help with conversions, transformations, intelligence and more.

V8's Faster Initialization of Instances with New Class Features — A technical deep dive into some work on optimizing the performance of initializing class fields and private methods – work which now benefits all users of Node.js 18 onward.

▶  What Key Was Pressed? (You Won't Believe How Keyboard Events Work) — A half-hour video diving into the intricacies of keyboard events and the best ways to go about handling user input.

A Quick Guide to Mitosis: Why You Need It and How You Can Use It — Forget cell division.. this Mitosis gives you code division, essentially letting you write components once and then letting you use them in React, Vue, Solid, Angular, and elsewhere.

PicMo: A Plain JavaScript Emoji Picker — Gives you the option to use platform-native emojis or cross-platform ones via Twemoji, and you can even add your own custom emojis. Try some demos here.

The Most Popular Node.js Frameworks in 2022 — A listicle, but not a bad one at all, and summarizes 11 different frameworks of various types.

Mess with DNS: A Playground to Learn About DNS Concepts — Not JavaScript specific, but DNS management is one of those skills I think it’s great for everyone to pick up.