Electron 44

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 …

Domain Errors Are Features. System Errors Are Bugs.

Bối cảnh trong môi trường triển khai web, việc phân biệt lỗi domain và lỗi hệ thống quyết định mã trả về HTTP, mức log và ai được thông báo. Nguyên nhân kỹ thuật: lỗi domain xảy ra khi yêu cầu không phù hợp với nguồn tài nguyên, trả về mã 4xx; lỗi hệ thống xảy ra khi dịch vụ gặp lỗi nội bộ, ghi lại ở mức log cao và gây page cho team. Hệ quả: lỗi domain thường trả về mã 4xx, người dùng nhìn thấy thông báo lỗi rõ ràng; lỗi hệ thống trả về mã 5xx, gây gián đoạn và cần can thiệp nhanh. Điều đáng học: dùng mã HTTP và mức log để phân loại lỗi giúp cải thiện debug và quản lýOps. Đọc bài gốc nếu muốn biết cách thiết kế API và chiến lược paging chi tiết hơn.

Bài viết này giúp lập trình viên phân biệt rõ giữa lỗi domain và system error, từ đó tối ưu hóa việc xử lý và thông báo lỗi hiệu quả hơn.

Node.js — Node.js 26.8.0 (Current)

Phiên bản Node.js 26.8.0 (Current) được ra mắt như một môi trường chạy JavaScript miễn phí, mã nguồn mở và đa nền tảng. Nó được xây dựng trên motore V8 của Chrome và cung cấp API non‑blocking I/O, cho phép xử lý đồng thời nhiều kết nối mà không cần luồng bổ sung. Nhờ đó, các lập trình viên có thể xây dựng máy chủ HTTP, ứng dụng web, công cụ dòng lệnh và script chỉ bằng một ngôn ngữ JavaScript, giảm chi phí chuyển đổi ngữ cảnh giữa frontend và backend. Việc chọn Node.js 26.8.0 nghĩa là bạn nhận được một runtime ổn định, hỗ trợ các tính năng ES2023 mới nhất và có hệ thống package npm phong phú, giúp tăng tốc độ phát triển và duy trì mã nguồn. Ngoài ra, khả năng chạy trên Windows, macOS và Linux mà không thay đổi mã nguồn làm cho việc triển khai ứng dụng trở nên đơn giản và nhất quán.

Lập trình viên nên đọc bài này để cập nhật những tính năng và cải tiến mới nhất trong phiên bản Node.js 26.8.0.

Introduction to Docker Compose

Bài viết giới thiệu Docker Compose như công cụ cho phép định nghĩa và chạy nhiều container ứng dụng trong một file YAML duy nhất. Nó giải thích cách khai báo các service (ví dụ: một ứng dụng Node.js lắng nghe cổng 3000 và một cơ sở dữ liệu PostgreSQL trên cổng 5432), đồng thời gắn volumes để lưu trữ dữ liệu và thiết lập mạng nội bộ giữa chúng. Bằng cách chạy docker‑compose up, Compose tự động tạo network, khởi động containers theo thứ tự phụ thuộc và ánh xạ các cổng đã chỉ định, cho phép truy cập ứng dụng qua localhost:3000 và kết nối DB qua localhost:5432. Từ ví dụ này, người đọc thấy lợi ích của việc quản lý cấu hình môi trường phát triển dưới dạng mã, giảm thiểu lỗi cấu hình thủ công và dễ dàng tái tạo trên bất kỳ máy nào có Docker. Bài viết cũng nhắc nhở lưu ý về việc định nghĩa version trong file compose, sử dụng depends_on để kiểm soát thứ tự khởi động, và luôn dọn dẹp resources bằng docker‑compose down để tránh giữ lại containers dư thừa.

Bài viết này giúp lập trình viên hiểu cách triển khai ứng dụng đa container dễ dàng với Docker Compose qua ví dụ thực tế Node.js và Postgres.

WebSocket vs SSE vs Long Polling: The Real Cost of 1,000 Events

Bài viết so sánh chi phí thực tế giữa WebSocket, SSE và Long Polling qua các số liệu đo lường như dung lượng dữ liệu truyền tải trên dây (wire bytes) cho mỗi sự kiện, độ trễ ở vòng lặp 50 ms, và tác động của HTTP/2 lên từng phương thức.

Một lập trình viên nên đọc bài này để hiểu rõ cách chọn giữa WebSocket, SSE và Long Polling khi cần tối ưu hóa hiệu suất mạng, giảm chi phí băng thông và latency trong ứng dụng thực tế với hàng ngàn sự kiện.

Feature Detecting “Undetectable” CSS Features with @supports named-feature()

Trước đây @supports chỉ có thể kiểm tra tính năng dựa trên tên thuộc tính hoặc giá trị, không thể phát hiện các hành vi phụ thuộc vào triển khai như tương tác giữa hai thuộc tính hoặc hỗ trợ một phần. Để khắc phục, CSS Working Group đã chấp nhận đề xuất của David Baron và thêm hàm @supports named-feature() với hai từ khóa mới: anchor-position-follows-transforms (được hỗ trợ trong Chrome 150, Firefox 156, Safari Technology Preview) và single-axis-scroll-container (được hỗ trợ trong Chrome 153, chưa có trong Firefox hoặc Safari). Với hàm này, nhà phát triển có thể viết điều kiện chính xác hơn để áp dụng các quy tắc CSS chỉ khi tính năng thực sự hoạt động trong môi trường cụ thể, tránh những trường hợp giả dương như Flexbox gap hoạt động với Grid nhưng không với Flex. Điều đáng học là khi làm việc với các tính năng mới hoặc chưa đồng nhất giữa các trình duyệt, việc kiểm tra qua named-feature() giúp giảm thiểu lỗi giao diện và giảm phụ thuộc vào polyfill hoặc hack dựa trên user-agent. Tác giả cũng đã đề xuất cả hai từ khóa và làm việc trực tiếp với đội ngũ Safari để đưa chúng vào bản phát hành.

Lập trình viên nên đọc bài này vì @supports named-feature() cho phép phát hiện các hành vi CSS cụ thể của trình duyệt mà cách kiểm tra truyền thống không thể, giúp viết CSS tương thích tốt hơn trên mọi nền tảng.

pnpm 11.21-11.22

pnpm 11.21 và 11.22 thay đổi cách pnpm install xử lý lockfile, cập nhật nó trực tiếp thay …