Your React app doesn’t need all that JavaScript

Is Minifying CSS Necessary? (2023)

Trong bối cảnh tối ưu hóa website, việc minifying CSS từng được coi là bắt buộc. Tuy nhiên nghiên cứu mới nhất cho thấy ngay cả trong các trường hợp cực đoan, việc này chỉ giảm thiểu khoảng 0.5-2% dung lượng tổng thể. Nguyên nhân kỹ thuật là do trình duyệt hiện đại đã hỗ trợ nén HTTP/2, loại bỏ lợi thế từ minification. Hệ quả là các công cụ như PurgeCSS hay CSSnano giờ chỉ cần được sử dụng khi làm việc với các bundle cực lớn. Bài viết này đáng học vì nó chứng minh việc tối ưu không nên dựa trên kinh nghiệm cũ mà cần dựa trên dữ liệu thực tế và công nghệ hiện tại.

Bài viết này giúp lập trình viên hiểu rõ khi nào việc nén CSS thực sự cần thiết để tránh tối ưu hóa không cần thiết.

Customizing Angular Aria Tabs Quickly with Google Antigravity CLI

Bài viết mô tả cách team Angular giới thiệu Angular Aria là bộ sưu tập các mẫu UI có thể tùy chỉnh và hoàn toàn truy cập được. Tuy nhiên, việc thực hiện các thành phần như tab thường đòi hỏi viết nhiều mã ARIA thủ công và dễ xảy ra lỗi. Bài viết hướng dẫn sử dụng Google Antigravity CLI để tạo và cấu hình các tab Angular Aria chỉ với một vài lệnh, giảm thiểu lượng code boilerplate. Kết quả là nhóm phát triển có thể triển khai tab truy cập được trong thời gian ngắn hơn, đồng thời duy trì tính nhất quán về chuẩn WCAG. Điều này cho thấy việc tích hợp công cụ CLI vào quy trình làm việc giúp tăng tốc độ phát triển mà không hy sinh khả năng truy cập, một bài học quan trọng cho những ai đang cân nhắc áp dụng các mẫu UI Angular Aria.

Tìm hiểu cách tùy chỉnh Angular Aria Tabs nhanh chóng với Google Antigravity CLI sẽ giúp bạn tạo ra các giao diện người dùng tiếp cận hoàn hảo trong Angular.

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 …

Cancel In-Flight Form Submissions in Inertia.js v3.7

Bối cảnh: Inertia.js là thư viện kết hợp rendering phía server với SPA, và phiên bản 3.7 vừa được ra mắt với một số cải tiến quan trọng. Nguyên nhân kỹ thuật: Phiên bản này bổ sung prop cancelOnUnmount và phương thức cancel vào Form component, đồng thời cung cấp trạng thái polling qua hook usePoll và một loại prop once giữ giá trị dù người dùng thực hiện các visita tức thời. Hệ quả: Nhờ cancelOnUnmount, khi thành phần bị gỡ bỏ, bất kỳ request form nào đang diễn ra sẽ được huỷ tự động, tránh tình trạng đua và cập nhật UI sai; trạng thái polling cho phép theo dõi và dừng các yêu cầu lặp lại một cách rõ ràng; prop once đảm bảo dữ liệu quan trọng không bị mất khi chuyển trang nhanh. Điều đáng học: Các nhà phát triển nên tận dụng cancelOnUnmount và cancel method để quản lý tốt hơn các form gửi đi, sử dụng usePoll để контролировать polling, và áp dụng once props cho những dữ liệu cần tồn tại qua các visita ngay lập tức, từ đó cải thiện trải nghiệm người dùng và giảm lỗi liên quan đến race condition.

Lập trình viên nên đọc bài này để nắm tính năng mới v3.7 của Inertia.js giúp hủy bỏ form submission đang thực hiện và quản lý trạng thái polling hiệu quả.

Issue #800: How to fit Minesweeper into 247 bytes — JavaScript Weekly

Năm 2023, một lập trình viên ẩn danh đăng tải dự án Minesweeper thu nhỏ chỉ 247 bytes trên GitHub, gây chú ý trong cộng đồng JavaScript Weekly. Nguyên nhân kỹ thuật nằm ở việc sử dụng kỹ thuật nén code cực đoan: bỏ qua khoảng trắng, rút gọn tên biến thành 1 ký tự, kết hợp các hàm ẩn danh và tận dụng cơ chế eval để tái sử dụng code. Hệ quả là trò chơi Minesweeper cổ điển giờ chạy được trong 247 bytes, đủ nhỏ để nhúng vào bất kỳ trang web nào mà không ảnh hưởng hiệu năng. Điều đáng học ở đây là cách tối ưu hóa không gian code bằng các kỹ thuật như minification thủ công, tận dụng cú pháp JavaScript ngắn gọn (ví dụ: for thay vì forEach), và khai thác các đặc tính ngôn ngữ như with hay eval một cách khéo léo.

Lập trình viên nên đọc bài này để khám phá cách tối ưu hóa mã JavaScript với các kỹ thuật gom gọn và trích xuất logic cực kỳ hiệu quả, giúp hiểu rõ về cách tối thiểu hóa dung lượng mã trong các dự án thực tế.

Cypress 16: faster tests, starting with HTTP/2 support

Cypress 16 tập trung giải quyết mọi nguyên nhân làm chậm test suite với HTTP/2 support giúp giảm đáng kể thời gian load tài nguyên. Zero-delay typing và faster visibility checks cải thiện tốc độ tương tác với elements, trong khi retrying cookie commands tránh lỗi do vấn đề mạng. Tự động memory management ngăn chặn rò rỉ bộ nhớ qua các test case dài. Phiên bản này đáng học vì tăng hiệu suất test lên đến 30% so với bản trước, đặc biệt hữu ích cho dự án sử dụng nhiều API call và test UI phức tạp.

Cypress 16 giúp tăng tốc độ kiểm thử đáng kể với hỗ trợ HTTP/2 và nhiều cải tiến tối ưu hiệu suất khác.

Styling Linear for the future with StyleX

Linear đang tìm cách bảo trì và phát triển hệ thống styling của mình trong thời gian dài …