September 2026 - cn

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.

Vivaldi 8.2 is out with a calculator in the address bar

Vivaldi 8.2 được phát hành ngày 3/9/2026, mang tính năng tính toán nhanh trong thanh địa chỉ. Công nghệ này dựa trên bộ máy tính toán JavaScript nội bộ, thực hiện toàn bộ phép toán ở local mà không gửi dữ liệu ra máy chủ. Nhờ vậy, người dùng có thể nhập biểu thức như "2* (3+4)" trực tiếp vào thanh địa chỉ và ngay lập tức thấy kết quả, tránh việc mở tab hoặc công cụ bên ngoài. Tính năng này đặc biệt hữu ích cho các nhà phát triển khi cần kiểm tra giá trị nhanh trong quá trình gỡ lỗi hoặc viết mã. Điều đáng học là việc tích hợp các công cụ nhỏ, riêng tư vào giao diện trình duyệt có thể nâng cao hiệu suất làm việc mà không làm mất bảo mật, và các dự án tương tự nên xem xét việc thực hiện các phép toán ở client-side.

Tính năng máy tính trong thanh địa chỉ của Vivaldi 8.2 giúp lập trình viên thực hiện các phép toán nhanh chóng và riêng tư ngay khi duyệt web.

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 …

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 …

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.

Introducing Motion UI

Motion UI là bộ thành phần animated sections và components sẵn sàng cho production trong React. Mỗi animation được đánh giá hiệu suất bằng MotionScore, một chỉ số đo lường thời gian render và mức độ jitter. Nhờ tích hợp qua shadcn tokens hoặc qua công cụ AI, developers có thể chèn các thành phần này vào design system hiện có mà không cần viết CSS phức tạp. Kết quả là thời gian triển khai animation giảm đáng kể, đồng thời đảm bảo các giao diện duy trì frame rate 60fps trên thiết bị trung bình. Điều đáng học là khi chọn thư viện animation, nên ưu tiên những giải pháp có metric hiệu suất rõ ràng và cơ chế kết nối token để dễ dàng mở rộng trong hệ thống thiết kế.

Bài giới thiệu Motion UI cung cấp các thành phần được tối ưu hóa hiệu năng và tích hợp dễ dàng vào hệ thống thiết kế hiện có của bạn.

Styling Linear for the future with StyleX

Linear quyết định thay đổi hệ thống styling cũ sang StyleX để hỗ trợ sự phát triển dài hạn và tích hợp tốt hơn với các công cụ nội bộ. Đội ngũ phải viết lại hàng nghìn thành phần React, xây dựng pipeline tự động để chuyển đổi CSS‑in‑JS cũ sang StyleX và tạo ra các quy tắc lint duy trì ranh giới giữa mã nguồn và mẫu thiết kế. Sau khi hoàn thành, kích thước bundle CSS giảm đáng kể, thời gian render lần đầu tiên cải thiện và các nhà phát triển có thể dựa vào công cụ tự động để phát hiện sai lệch styling trước khi merge. Cuộc migration cho thấy việc đầu tư vào công cụ chuyển đổi và tự động hóa không chỉ giảmภาร lực thủ công mà còn tạo ra ranh giới rõ ràng giữa con người và các agents (công cụ AI hoặc bot) trong quá trình duy trì mã. Điều này cũng nhấn mạnh tầm quan trọng của việc thiết kế các quy ước và kiểm tra tự động sớm trong quy trình để tránh lùi lại về kỹ thuật khi mở rộng hệ thống.

Bài viết chia sẻ kinh nghiệm về việc di chuyển dự án lớn với trọng tâm là cải tiến công cụ, tự động hóa và thiết kế ranh giới rõ ràng giữa con người và máy.