Curated Technical Articles: State of JS 2022, React 18, ESLint, TensorFlow.js, Vue Review, Nix Packaging, Image Compression, Hexagon Animation

Editor’s Picks

State of JS 2022 results were released on January 11, 2023, based on 39,472 questionnaires collected between November 21 and December 22, 2022, aiming to forecast upcoming trends in the web development ecosystem.

Deep Reading

React 18: New Toys, New Traps, and New Possibilities

React 18 represents a significant step forward for the web development ecosystem, introducing many exciting new features while also bringing new complexities.

ESLint Mechanism Analysis and Simple Plugin Practice

ESLint operates on an abstract syntax tree (AST) generated by the Espree parser, allowing code inspection and modification without the full Babel transformation pipeline.

WebRTC + TensorFlow.js in Motion‑Health Projects

Tensorflow.js provides a complete API for running deep‑learning models in the browser or Node.js, offering an accessible entry point for front‑end developers into AI.

Foreign Selections

Vue 2022 Year In Review

The Vue ecosystem continues its transition to Vue 3, focusing on improving developer experience through tooling, Vite contributions, and enhanced IDE and TypeScript support via Volar 1.0.

Lockfile Trick: Package an npm Project with Nix in 20 Lines

A concise method for packaging JavaScript npm projects with Nix without complex workarounds, suitable for sandboxed builds.

Practical Applications

Out‑of‑the‑Box Front‑End Image Compression Solution

Compress images on the client by converting an uploaded file to an Image object and using the canvas API to reduce file size.

Irregular Layout: Interesting Hexagon Animation

A pure‑CSS implementation creates a cool hexagon animation effect.