October Tech Highlights: NPM 7, HTTP/3, Webpack 5 Federation, iOS Scroll Physics

Basics: NPM v7 Release

NPM version 7.0.0 introduces several new capabilities such as Workspaces, automatic installation of peerDependencies, support for yarn.lock, and alignment with Node.js v15. To try it immediately, run npm install -g npm@7 in a terminal.

Engineering: Webpack 5 Module Federation

Module Federation, a new feature of Webpack 5, enables JavaScript applications to dynamically load code from another bundle at runtime, either on the client or server. The author Zack Jackson describes it as the "Apollo of JavaScript bundlers," fundamentally changing how modular code is shared across projects. The article provides a practical tutorial and links to the original translation.

Graphics Programming: iOS UIScrollView Animation Physics

The article delves into the mechanical principles behind iOS UIScrollView animations, explaining how momentum, friction, and spring dynamics affect scrolling behavior. Understanding these physics is essential for creating realistic and responsive UI animations.

Design Philosophy: Chinese Web Fonts

Font design is a fundamental aspect of visual design, yet resources on Chinese type design are scarce. This short video‑style explanation introduces the basics of Chinese typography and its cultural significance, helping designers achieve a 101% faithful recreation of design mockups.

Tools: SVGA Animation Format

SVGA offers an alternative to the popular Bodymovin/Lottie format. It pre‑computes each frame’s data and stores it in the exported file, allowing the player to render frames sequentially without calculating key‑frame interpolation. This results in a smaller library size (≈57 KB gzipped) and reduced file size, though it lacks support for complex vector shapes, gradients, and certain AE features.

Miscellaneous Highlights

Chrome is deploying HTTP/3, which runs exclusively over the QUIC transport protocol, offering lower latency compared to traditional TCP/TLS stacks. Additionally, the article showcases a 1 KB JavaScript 3D game from the JS1k competition, demonstrating how impressive visual experiences can be achieved within extreme size constraints. Finally, it presents a comprehensive guide for handling Chinese web fonts to preserve design fidelity while maintaining performance.