Issue #801: When 8 chunks weigh more than 355 — JavaScript Weekly

The Gamepad API Lies to You: A Practical Guide to Reading Controller Input in JavaScript

Gamepad API là một trong những API nhỏ nhất của trình duyệt với chỉ 4 thuộc tính, 1 hàm và không cần quyền truy cập. Bạn có thể hiển thị tay cầm controller trên màn hình trong khoảng 15 dòng code. API này có vấn đề với việc đọc input một cách nhất quán, đặc biệt là với các loại controller khác nhau. Nguyên nhân kỹ thuật nằm ở cách API báo cáo trạng thái button và axis mà không đảm bảo tính nhất quán giữa các trình duyệt và thiết bị. Điều đáng học là cần sử dụng kỹ thuật polling và lưu trữ trạng thái trước đó để xử lý input một cách đáng tin cậy, tránh phụ thuộc hoàn toàn vào giá trị trả về của Gamepad API.

Bài viết này giúp lập trình viên hiểu rõ những hạn chế thực tế của Gamepad API và cách xử lý input game controller chính xác trong JavaScript.

Temporal: JavaScript Finally Fixes Dates

JavaScript’s built‑in Date object long suffered from mutability, zero‑based months and weak timezone support, leading developers to look for a better alternative. Temporal reached TC39 Stage 4 and was shipped in Chrome 144, bringing immutable plain objects, true timezone‑aware types and month numbering from 1 to 12. These changes eliminate common bugs such as off‑by‑one month errors and unintended mutations, making date/time code clearer and easier to test. The experience shows that fixing core design flaws with an immutable, standards‑driven API greatly boosts reliability, so teams should begin migrating to Temporal once it gains wider browser support. Adopting such APIs early can reduce technical debt and improve overall code quality.

Temporal giải quyết triệt để những nhược điểm lớn nhất của đối tượng Date trong JavaScript bằng kiểu dữ liệu không thể thay đổi, hỗ trợ múi giờ chính xác và loại bỏ việc tháng được đánh số bắt đầu từ 0.

This Month in Ladybird

Ladybird là một dự án trình duyệt mới được xây dựng từ đầu, nhằm mang lại trải nghiệm hiện đại và khả năng tùy chỉnh cao cho nhà phát triển và người dùng cuối. Trong bản cập nhật này, nhóm đã thêm chế độ duyệt ẩn danh, hỗ trợ nhiều hồ sơ người dùng, cũng như tích hợp chức năng undo/redo cho trình soạn thảo nội dung, đồng thời mở rộng hỗ trợ API Geolocation và WebAudio để nâng cao tính tương tác đa phương tiện. Những thay đổi này đi kèm với việc di chuyển bộ xử lý style và layout sang Rust, giúp tăng tốc compositor khoảng 30 % và giảm mức tiêu thụ bộ nhớ, đồng thời làm cho các tính năng mới như private browsing và profiles hoạt động ổn định hơn. Kết quả cho thấy việc áp dụng Rust cho các thành phần hiệu suất cao mang lại lợi ích rõ rệt về tốc độ và an toàn bộ nhớ, cung cấp bài học quan trọng cho các dự án trình duyệt khác khi cân nhắc di chuyển một phần mã nguồn sang ngôn ngữ này.

Bài viết cập nhật những tiến bộ mới nhất về trình duyệt Ladybird giúp lập trình viên nắm bắt công nghệ và cải thiện hiệu suất phát triển web.

9000 RPM is faster than your screen refreshes

Bài viết mô tả một animation minh hoạ cách động cơ thể thao quay ở 9000 RPM, tương đương …

Visual Studio Code 1.137 (Insiders)

Visual Studio Code Insiders bản phát hành 1.137 mang lại một loạt cập nhật tập trung vào trải nghiệm phát triển web và đám mây. Bản cập nhật nâng cấp dịch vụ ngôn ngữ TypeScript lên phiên bản mới nhất, cung cấp hỗ trợ tốt hơn cho cú pháp mới và kiểm tra kiểu. Đồng thời, terminal tích hợp được tối ưu hóa với khả năng tùy chỉnh màu sắc và tích hợp sâu hơn với các shell như PowerShell và Bash. Các cải tiến trong phần mở rộng Remote - Containers giúp kết nối và quản lý môi trường container nhanh hơn, giảm thời gian khởi tạo. Những thay đổi này nhằm giảm thiểu lỗi và tăng tốc độ làm việc cho các lập trình viên đang sử dụng kênh Insiders.

Lập trình viên nên đọc bài này để cập nhật những tính năng mới nhất trong Visual Studio Code Insiders, như cải thiện hiệu suất, hỗ trợ mở rộng công cụ mới hoặc tính năng cải tiến giúp nâng cao hiệu quả làm việc với các ngôn ngữ lập trình hiện đại.

terminal-code

Terminal-code mang lại trải nghiệm làm việc với VS Code ngay trong giao diện terminal, giúp lập trình viên không cần chuyển đổi giữa công cụ. Công nghệ này sử dụng kỹ thuật WebView trong VS Code kết hợp với terminal giả lập để thực hiện điều này. Việc tích hợp này cho phép truy cập trực tiếp các tính năng như auto-completion, syntax highlighting và debugging mà không rời khỏi môi trường dòng lệnh. Đáng học hỏi là cách tác giả đã giải quyết được vấn đề đồng bộ hóa trạng thái giữa terminal và IDE, đồng thời giảm thiểu switching context khi lập trình.

Bài này giúp bạn tích hợp môi trường phát triển VS Code trực tiếp vào terminal, tăng hiệu quả làm việc.

Your React app doesn’t need all that JavaScript

React app thường tải một lượng JavaScript không cần thiết, gây ra hiệu năng kém. Nguyên nhân là do nhiều tính năng hoàn toàn có thể thực hiện bằng native browser features như :has() selector, Popover API, scroll-snap carousels và CSS animations. Hệ quả là app trở nên chậm, tốn tài nguyên và khó bảo trì. Đáng học ở đây là việc tối ưu bằng cách giảm phụ thuộc vào JavaScript, tận dụng các API trình duyệt hiện có. Phân tích cho thấy việc thay thế một số components React bằng CSS và DOM APIs giúp giảm tới 40% bundle size.

Bài viết này giúp bạn đơn giản hóa ứng dụng React bằng cách tận dụng các tính năng trình duyệt nguyên bản, giảm thiểu sự phụ thuộc vào JavaScript.