How ACR Reviews JavaScript and React Code Behind the Scenes

React 19.3 – React

React 19.3 đã chính thức phát hành, ổn định hóa hai API thử nghiệm là View Transitions và …

Node.js — Node.js 26.8.2 (Current)

Node.js 26.8.2 là bản phát hành hiện hành của nền tảng runtime JavaScript đa nền tảng này. Bản cập nhật này tập trung vào cải thiện hiệu năng và ổn định cho các ứng dụng server-side và CLI tools. Các thay đổi đáng chú ý bao gồm tối ưu hóa garbage collection và sửa lỗi trong module system. Nếu bạn đang làm việc với dự án Node.js, việc cập nhật lên phiên bản 26.8.2 sẽ mang lại lợi ích về hiệu năng và bảo mật cho ứng dụng của mình.

Bài viết này cung cấp thông tin cập nhật và đầy đủ về phiên bản Node.js 26.8.2, giúp lập trình viên nắm bắt tính năng mới và cải tiến quan trọng để tối ưu hóa ứng dụng JavaScript của mình.

pnpm 11.26

pnpm 11.26 cập nhật CLI để thu hẹp khoảng cách với tính năng có sẵn trong pnpm 12. Phiên bản này mang lại các cải tiến về hiệu suất và trải nghiệm người dùng. Bản vá lỗi tập trung vào việc tối ưu hóa quá trình cài đặt và quản lý dependency. Điểm đáng chú ý là bản patch tăng tốc độ thực thi lệnh pnpm lên đến 20%. Lập trình viên đang sử dụng phiên bản cũ nên cân nhắc nâng cấp để tận hưởng những cải tiến này.

Phiên bản pnpm 11.26 nâng cấp CLI để đóng khoảng cách với các cải tiến của pnpm 12.

Node.js — Node.js 24.21.0 (LTS)

Node.js 24.21.0 là phiên bản LTS mới nhất của nền tảng runtime JavaScript, tiếp tục kế thừa từ phiên bản 20.x LTS trước đó. Phiên bản này tập trung tối ưu hóa hiệu năng và sửa các lỗi bảo mật nhỏ quan trọng. Các cải tiến chính bao gồm tăng tốc độ xử lý các thao tác I/O và giảm 15% memory usage trong một số trường hợp sử dụng. Đối với lập trình viên đang làm việc với ứng dụng production cần sự ổn định, đây là bản update nên xem xét. Tuy nhiên, nếu bạn đang sử dụng các tính năng experimental thì cần kiểm tra kỹ tài liệu release note vì một API đã bị thay đổi.

Node.js 24.21.0 LTS mang lại những cải tiến hiệu suất và tính năng mới giúp lập trình viên tối ưu hóa ứng dụng JavaScript của mình.

Affordable and Fast Migration

Evil Martians đã hoàn thành migration từ Gatsby sang Astro trong chỉ 9 ngày mà không cần viết lại bất kỳ React component nào. Họ tận dụng tính năng Islands Architecture của Astro để giữ nguyên giao diện người dùng hiện có. Quy trình này giảm 60% bundle size và cải thiện tốc độ tải trang lên tới 70%. Học hỏi từ bài viết, lập trình viên có thể áp dụng migration strategy tương tự bằng cách sử dụng adapter cho framework hiện tại và tận dụng tính năng server-side rendering của Astro.

Bài viết tiết lộ bí quyết di chuyển dự án Gatsby sang Astro chỉ trong chín ngày mà không cần viết lại bất kỳ React component nào.

Bun v1.4.2

Bản phát hành Bun v1.4.2 được ra để sửa hai hồi quy ảnh hưởng tới Elysia và …

Introducing <mermaid-element>, a custom element to display Mermaid diagrams

<mermaid-element> là web component zero-config, không phụ thuộc dependency, render diagram Mermaid trong Shadow DOM. Component tự tải Mermaid phiên bản 12 khi cần qua jsDelivr, hỗ dụng ghìm phiên bản hoặc endpoint tùy chỉnh qua thuộc tính mermaid, và cache tải xuống bộ nhớ để chỉ fetch Mermaid một lần dù nhiều diagram trên trang. Apps đã bundle Mermaid có thể gán bản sao riêng vào MermaidElement.defaultMermaid để bỏ yêu cầu CDN. Component hiện có trên npm kèm playground tương tác và tài liệu.

Lập trình viên nên đọc bài viết này để biết cách sử dụng <mermaid-element> hiển thị biểu đồ Mermaid một cách đơn giản mà không cần cấu hình phức tạp.