9000 RPM is faster than your screen refreshes

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 …

Temporal: JavaScript Finally Fixes Dates

JavaScript’s built‑in Date object long suffered from mutability, zero‑based months and …

Fixing Top-Level Await in Safari

Safari trước đây gặp lỗi khi sử dụng top‑level await vì bộ nạp module của nó còn dựa trên bản đề xuất WHATWG Loader đã bị bỏ và không tuân thủ đầy đủ spec ECMAScript. Nguyên nhân là bộ nạp cũ được viết bằng JavaScript, dẫn tới lỗi “accessed before initialization” và thứ tự đánh giá module không chính xác. Để khắc phục, nhóm WebKit đã viết lại toàn bộ bộ nạp module từ đầu bằng C++ nguyên bản và kiểm tra kỹ lưỡng bằng fuzzing, test262, WPT và các test case do Bun engineers cung cấp. Kết quả là Safari 27 beta và Safari Technology Preview 251 đã полностью hỗ trợ top‑level await mà không còn những lỗi trước đây. Bài học là đầu tư vào việc viết lại thành phần lõi bằng ngôn ngữ native và thực hiện bộ kiểm tra đa dạng giúp đạt được tuân thủ spec và ổn định lâu dài. Nhà phát triển có thể kiểm tra tính năng này ngay trong Safari Technology Preview 251 hoặc bản beta Safari 27 để xác nhận việc top‑level await hoạt động đúng như mong đợi.

Bài này giúp lập trình viên hiểu Safari đã sửa lỗi top-level await ảnh hưởng đến cách module được tải và thực thi.

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.

Node.js — Node.js 24.20.0 (LTS)

Node.js 24.20.0 là phiên bản LTS mới nhất của môi trường chạy JavaScript đa nền tảng, miễn phí và mã nguồn mở. Nó cho phép các nhà phát triển viết mã JavaScript để xây dựng máy chủ, ứng dụng web, công cụ dòng lệnh và script mà không cần phụ thuộc vào trình duyệt. Với bản phát hành này, Node.js tiếp tục hỗ trợ các tính năng ES2023 và cải thiện hiệu suất V8, giúp giảm latency trong các dịch vụ I/O mạnh. Sự ổn định của chuỗi LTS đảm bảo rằng các ứng dụng sản xuất nhận được bản vá bảo mật và cập nhật tối thiểu trong vòng 30 tháng, giảmภาระ bảo trì. Do đó, khi quyết định sử dụng Node.js cho dự án backend, chọn phiên bản 24.20.0 LTS là cách để cân bằng giữa tính năng mới và hỗ trợ dài hạn.

Bài viết cập nhật Node.js 24.20.0 (LTS) giúp lập trình viên nắm bắt những cải tiến và tối ưu hóa mới nhất cho ứng dụng JavaScript của mình.

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.

I built 37 terminal text effects in pure JavaScript

Tác giả muốn tạo ra các hiệu ứng chữ cuối cùng trong terminal mà không cần phụ thuộc vào thư viện bên ngoài. Anh đã phát triển tte.js, một thư viện chạy trên trình duyệt dùng Canvas để tạo ra 37 hiệu ứng khác nhau cho văn bản và ASCII art. Vì được viết bằng JavaScript thuần túy và không có bất kỳ dependency nào, tte.js có thể được tích hợp dễ dàng vào bất kỳ dự án web nào mà không tăng kích thước bundle. Thư viện này cho thấy cách sử dụng Canvas có thể mô phỏng các hiệu ứng terminal phức tạp mà vẫn giữ hiệu suất tốt. Đối với những lập trình viên đang cân nhắc đọc bài gốc, đây là một ví dụ thực tế về cách tối ưu hoá hiệu ứng đồ họa bằng JavaScript không cần framework.

Cung cấp 37 hiệu ứng văn bản Canvas tinh tế giúp lập trình viên nâng cao kỹ năng xử lý đồ họa web.

Twenty Years of jQuery: How a Little Library Rewired Web Development

jQuery được John Resig tạo ra và phát hành năm 2006 như một thư viện JavaScript nhằm đơn giản hóa thao tác DOM, xử lý sự kiện, animation và Ajax. Nguyên nhân kỹ thuật của nó là việc cung cấp một API thống nhất cho phép chọn phần tử bằng CSS selector, chuỗi các phương thức (chaining) và trừu tượng hóa sự khác biệt giữa các trình duyệt, từ đó giảm lượng code cần viết tay. Hệ quả là jQuery nhanh chóng trở thành thư viện phổ biến nhất trên web, được tích hợp vào hàng triệu trang web và ảnh hưởng sâu sắc đến cách phát triển các framework sau này như React, Vue và Angular. Điều đáng học từ câu chuyện này là giá trị của một lớp abstractions tốt, sự tập trung vào trải nghiệm nhà phát triển và việc duy trì khả năng tương thích ngược trong môi trường đa trình duyệt thay đổi nhanh. Dù ngày nay các trình duyệt hiện đại hỗ trợ nhiều tính năng gốc và các framework mới xuất hiện, bài học từ 20 năm của jQuery vẫn còn hữu ích cho bất kỳ ai đang cân nhắc áp dụng hoặc xây dựng thư viện JavaScript.

Bài viết này giúp lập trình viên hiểu tầm ảnh hưởng lâu dài của jQuery đối với phát triển web hiện đại.