How to group array items with Object.groupBy()

VoidZero Releases Vite+ Beta: A Unified Web Toolchain Behind a Single Command

VoidZero vừa phát hành bản beta của Vite+, một công cụ chuỗi công cụ web thống nhất nhằm thay thế việc sử dụng nhiều lệnh riêng lẻ. Công cụ này gộp runtime, trình quản lý gói (npm/yarn/pnpm) và các công cụ frontend cần thiết như dev server, HMR và trình xây dựng vào một lệnh duy nhất. Nhờ vậy, nhà phát triển có thể khởi động dự án, cài đặt phụ thuộc và xây dựng sản phẩm mà không cần chuyển đổi giữa các công cụ khác nhau, giảm đáng kể thời gian cấu hình và lỗi nhầm lẫn. Điều này cho thấy việc thống nhất giao diện công cụ có thể cải thiện trải nghiệm phát triển và tăng tốc độ onboard cho team mới. Tuy nhiên, vì vẫn đang ở giai đoạn beta, zespo nên kiểm tra tính ổn định và sự tương thích trước khi đưa vào môi trường sản xuất.

Lập trình viên nên đọc bài này vì Vite+ đơn giản hóa quy trình phát triển web bằng cách tích hợp toàn bộ công cụ vào một lệnh duy nhất.

Mastering Parallel Data Fetching in Next.js: Combining Suspense, Promise.all, and Promise.allSettled

Bài viết hướng dẫn cách tối ưu hóa việc lấy dữ liệu song song trong Next.js bằng cách kết …

npm 12 Released: Install Scripts Off by Default as Registry Moves to Explicit Trust

npm 12 mặc định tắt cài đặt scripts trong quá trình cài đặt package, buộc người dùng phải cho phép rõ ràng khi chạy scripts. Thay đổi này nhằm tăng cường bảo mật khi registry npm chuyển sang mô hình tin cậy minh bạch.

Lập trình viên nên đọc bài này vì npm 12 thay đổi cơ chế bảo mật bằng cách cắt bỏ mặc định quyền chạy script từ các gói npm, giúp giảm rủi ro từ các cuộc tấn công thông qua các lệnh tự động chạy trong dự án.

Blocked aria-hidden: The Warning is Right, and Every Fix You’ve Found is Wrong

Cảnh báo về aria-hidden bị chặn là đúng, nhưng hầu hết các cách khắc phục bạn tìm thấy đều sai. Bài viết hướng dẫn cách sửa lỗi này đúng cách.

Lập trình viên nên đọc bài này để tránh những lỗi phổ biến và sai lầm trong cách xử lý thuộc tính aria-hidden trong HTML, giúp cải thiện tính khả dụng (accessibility) của ứng dụng mà không gây ra những vấn đề kỹ thuật không mong muốn.

Useful JavaScript Additions in ECMAScript 2026

ECMAScript 2026 bổ sung nhiều tính năng hữu ích cho JavaScript, giúp đơn giản hóa các trường hợp sử dụng phổ biến bằng tên gọi trực tiếp.

Lập trình viên nên đọc bài này để khám phá những tính năng mới trong ECMAScript 2026 giúp tối ưu hóa mã nguồn bằng cách cung cấp các tên trực tiếp cho các trường hợp sử dụng phổ biến, giảm thiểu sự phức tạp và tăng hiệu suất phát triển.

Stop using the localStorage hack to sync browser tabs. BroadcastChannel does it natively.

Thay vì dùng localStorage hack, giờ đây có thể dùng BroadcastChannel API để đồng bộ tab trình duyệt một cách tự nhiên, ví dụ như đăng xuất cùng lúc trên nhiều tab hay cập nhật giỏ hàng tức thì.

Lập trình viên nên đọc bài này để tìm hiểu cách sử dụng BroadcastChannel thay vì giải pháp thủ công với localStorage để đồng bộ hóa dữ liệu giữa các tab mà không cần server, giúp giải quyết vấn đề logout hoặc cập nhật cart một cách hiệu quả và an toàn hơn.

How the Chrome Dino Game Works Under the Hood: A Tour of Chromium's Source Code

Trò chơi T-Rex trong Chrome xuất hiện khi mất kết nối mạng, cho phép người chơi điều khiển khủng long chạy qua sa mạc bằng phím spacebar.

Để hiểu sâu sắc về cách Chrome xử lý các ứng dụng web và hiệu năng hệ thống, bạn nên đọc bài này để khám phá cách Chromium tích hợp game Dino như một ví dụ nhỏ về kiến trúc xử lý sự kiện và optimisation trong motor rendering của trình duyệt.

The View Transitions API

API View Transitions cho phép tạo các animation mượt mà giữa các trạng thái cùng một tài liệu nhờ các phương thức startViewTransition, CSS pseudo-elements và thuộc tính view-transition-name.

Là người phát triển web, bạn nên đọc bài này để khám phá cách tạo các chuyển động nhẹ nhàng giữa các trang trong cùng một tài liệu mà không cần reload, nâng cao trải nghiệm người dùng và tối ưu hiệu suất với API mới của Web.