The heaviest npm packages

September 12, 2024 By Mark Otto Off

The State of ES5 on the Web β€” Some of the earlier JavaScript build tools focused on allowing developers to write modern JavaScript code that could still run on the browsers of the time by compiling code down to ES5. Time has moved on, but have the tools or popular libraries? Philip investigates, and shares some recommendations.

Philip Walton

πŸ“Š  The Top 5000 npm Packages by Size, Downloads, and Traffic β€” An interesting Google Sheets spreadsheet listing the top 5000 npm packages by package size, weekly downloads, and weekly traffic. One package is responsible for 278 terabytes of traffic per week, but the top 5000 add up to several petabytes.

Google Sheets / danhorus

Run GitHub Actions Up to 2x Faster at Half the Cost β€” Blacksmith runs your GitHub Actions substantially faster by running them on modern gaming CPUs. Integrating Blacksmith is a one-line code change. 100+ companies like Ashby, Superblocks, and Slope use Blacksmith to help developers merge code faster.

Blacksmith

Announcing TypeScript 5.6 β€” The latest TypeScript has landed with full support for iterator helpers, support for arbitrary module identifiers, --noUncheckedSideEffectImports to import modules without importing any values, and more β€” all covered in the always thorough release post.

Daniel Rosenwasser (Microsoft)

Is PHP the New JavaScript? β€” I’m no real fan of PHP, but there’s been a lot of discussion on social media around increased interest in PHP by developers who’d usually steer clear of it, largely thanks to Laravel. This post tells the basic story and explains what Laravel brings to the table.

Dave Kiss (Mux)

πŸ“’ Articles & Tutorials

Building the Same App Using Various Web Frameworks β€” A scientist at Amazon who usually works in Python with a minimum of JavaScript on the frontend wondered if a more modern web framework would suit him better in 2024. To try this out, he tried Next.js, SvelteKit, and the Python-flavored FastHTML.

Eugene Yan

React and FormData β€” FormData is ironically both the β€˜newest and yet oldest’ standard for accessing form data. Here are some practical ways for using it with TypeScript.

Brad Westfall

πŸ›  Code & Tools

  • πŸ”Ž Orama 2.1 – Dependency-free, full-text and vector search engine for all JS runtimes, with typo tolerance, filters, facets, stemming, and more.

  • create-fastify 5.0 – Rapidly generate a Fastify project. It just takes npm init fastify app_name to get started.

  • file-type 19.5 – Detect the file type of a file, stream, or data. Now with WebVTT support.

  • TWGL.js 6.1 – Helpers for working with low-level WebGL from JS.

  • 🎨 Chroma.js 3.1 – JavaScript color manipulation library.

  • Pixi.js 8.4 – Fast, flexible 2D WebGL renderer.