The Siren Song of ariaNotify() – Master.dev Blog

ECMAScript 2026 specification approved

ECMA International vừa phê duyệt ECMAScript 2026 (ES2026) vào ngày 30/6, phiên bản thứ 17 …

The React Compiler

Trình biên dịch React (React Compiler) là một plugin Babel chạy lúc build, tự động tối ưu hóa component bằng cách memo hóa (memoization) mà không cần dùng thủ công useMemo, useCallback hay React.memo. Nó hỗ trợ React 17/18 qua polyfill, hoạt động với Vite/Next.js/Expo (từ SDK 54+), và có thể cải thiện tốc độ render lên 10–30% nhờ tái sử dụng JSX và bỏ qua re-render không cần thiết.

Lập trình viên nên đọc bài này để khám phá cách tự động tối ưu hóa lại các hàm memoize trong React bằng công cụ mới, giúp giảm thiểu tái render và cải thiện hiệu suất mà không cần viết thủ công useMemo hoặc useCallback.

Deno 2.9

Phiên bản Deno 2.9 bổ sung công cụ deno desktop để xây dựng ứng dụng desktop native từ công nghệ web, tạo ra các tệp thực thi duy nhất với backend webview hoặc CEF. Cải tiến đáng chú ý bao gồm hỗ trợ di chuyển từ lockfile npm/pnpm/yarn/Bun, snapshot testing, test theo tham số, tối ưu hiệu suất khởi động lạnh gấp đôi và giảm 3 lần bộ nhớ khi tải nặng.

Nếu bạn đang tìm cách xây dựng ứng dụng desktop hiệu quả từ công nghệ web, nâng cấp khả năng kiểm thử và an toàn trong dự án của mình, hoặc muốn tối ưu hóa hiệu suất và quản lý phụ thuộc, Deno 2.9 sẽ là công cụ quan trọng giúp bạn giải quyết những thách thức này một cách hiện đại và hiệu quả.

Mastering JavaScript Dates and Times

Khóa học miễn phí 2 giờ trên freeCodeCamp hướng dẫn toàn diện cách xử lý ngày giờ trong JavaScript, bao gồm epoch time, múi giờ, đối tượng Date (và nhược điểm như biến đổi dữ liệu, tháng zero-indexed), API INTL (dùng định dạng không cần thư viện bên thứ ba), Temporal API (thay thế hiện đại cho Date), cùng chiến lược tránh lỗi sản xuất do DST hay múi giờ.

Làm việc với các ngày tháng giờ trong JavaScript có thể gây ra nhiều lỗi không mong muốn, và bài này giúp bạn học cách xử lý chính xác, từ cơ sở đến các công cụ mới nhất như Temporal API để tránh những sai sót gây ra sự cố trong sản phẩm.

Prop For That

Thư viện Prop For That của Adam Argyle cung cấp các CSS custom properties động, cho phép truy cập vào những thuộc tính CSS thông thường không thể truy xuất như vị trí con trỏ, tốc độ cuộn, trạng thái form hay thời gian hiện tại. Nhà phát triển chỉ cần thêm thuộc tính data vào HTML, sau đó sử dụng trực tiếp các biến CSS này trong stylesheet mà không cần viết JavaScript.

Lập trình viên nên đọc bài này để khám phá cách Prop For That giúp tối ưu hóa giao diện người dùng bằng cách kết nối trực tiếp CSS với dữ liệu động từ HTML mà không cần JavaScript, mở rộng khả năng tùy biến UI một cách đơn giản và hiệu quả.

Is your site ready for AI agents? Lighthouse now has an answer

Google Lighthouse bổ sung hạng mục mới "Agentic Browsing" để kiểm tra mức độ sẵn sàng của website cho AI agents, cung cấp đánh giá pass/fail thay vì điểm 0-100. Các tiêu chí kiểm tra bao gồm: sự hiện diện của file llms.txt, tích hợp WebMCP, chất lượng cây truy cập (accessibility tree), và độ ổn định Cumulative Layout Shift (CLS).

Lập trình viên nên đọc bài này để hiểu cách chuẩn bị website cho tương tác với các bot AI tương tác trực tiếp với người dùng, từ đó tối ưu hóa hiệu suất, tính khả dụng và trải nghiệm cho các công cụ mới này.

ARIA, anti-patterns, and you

ARIA Authoring Practices Guide (APG) không phải hướng dẫn tối ưu cho website mà chỉ minh họa đặc tả ARIA dành cho nhà phát triển trình duyệt và công nghệ hỗ trợ. Việc lạm dụng ARIA (kể cả dùng LLM dựa trên APG) đang khiến web kém tiếp cận hơn, khi dữ liệu từ WebAIM cho thấy tỷ lệ lỗi tiếp cận tăng theo mức độ sử dụng ARIA.

Lập trình viên nên đọc bài này để tránh rủi ro khi sử dụng ARIA sai cách, vì việc áp dụng không đúng quy tắc không chỉ làm giảm khả năng tương tác của người dùng có nhu cầu đặc biệt mà còn khiến các công cụ hỗ trợ (như máy đọc màn hình) hoạt động không hiệu quả, làm web trở nên khó tiếp cận hơn.