Electron 44

How to Find and Fix Common Technical SEO Issues on Your Website

Let's say you've built a website. You've invested in the design, bought a domain, and so on. But a website isn't only what you see on the screen. A lot happens behind the scenes. You have to understan

JavaScript Event Loop Explained: Queue Tracing and Debugging Guide

Event Loop trong JavaScript hoạt động khác biệt giữa browser và Node.js, đặc biệt với cách xử lý microtask queue và callback queue. Bài viết cung cấp bảng trace chi tiết giúp dự đoán thứ tự thực thi async code, phát hiện tình trạng microtask starvation khi có quá nhiều Promise. Các ví dụ code minh họa rõ ràng khác biệt giữa process.nextTick() trong Node.js và setTimeout() trong browser. Bạn sẽ học được kỹ thuật debug bằng cách theo dõi từng bước trong event loop stack, giúp tối ưu performance khi xử lý nhiều async operation.

Bài viết giúp lập trình viên JavaScript dự đoán và gỡ lỗi hiệu quả hành vi bất đồng bộ bằng cách phân tích chi tiết hàng đợi và vòng lặp sự kiện.

When you just need to build a tiny desktop app: TinyJS

TinyJS là JavaScript runtime mới cho phép xây dựng ứng dụng desktop nhỏ gọn (dưới 6MB) trên macOS, Linux và Windows, sử dụng WebView gốc thay vì bundling browser engine như Electron. Được xây dựng trên txiki.js, TinyJS cho phép code bằng JavaScript thuần, HTML, CSS mà không cần biên dịch, và hỗ trợ các framework như React, Vue, Svelte mà không cần Node.js. So với Electron (có thể lên đến 150MB) hay Tauri (yêu cầu Rust), TinyJS mang đến giải pháp nhẹ nhàng hơn. Tác giả đã tạo app store với 25 mẫu ứng dụng như bản sao Winamp 7.4MB, đồng hồ thế giới và trình soạn thảo markdown, dù một số ứng dụng vẫn gặp lỗi trên Windows trong quá trình thử nghiệm.

TinyJS cho phép tạo ứng dụng desktop cỡ nhỏ dưới 6MB với JavaScript thuần túy mà không cần Node.js, giải pháp thay thế hiệu quả cho Electron.

Announcing the OpenTelemetry JavaScript SDK 3.0

OpenTelemetry JavaScript has released SDK 3.0 (stable v3.0.0 packages and experimental v0.300.0 packages) and API 1.10.0. Migration guide For a detailed description of breaking changes, see the OpenTelemetry JS SDK 3.x migration guide. What is JS SDK 3.x? JS SDK 3.x encompasses new releases of the @opentelemetry/* JavaScript packages published from the opentelemetry-js repository, except the API and semantic-conventions packages. The package versions for this new major will be >=3.0.0 for the stable and >=0.300.0 for the unstable packages. Details on the full list of packages can be found in the migration guide.

New open-source browser Blanc has a different kind of UI

Blanc là trình duyệt mã nguồn mở mới loại bỏ dải tab và thanh địa chỉ truyền thống bằng một giao diện tối giản kiểu "đảo" floating. Công nghệ này thay vì hiển thị tất cả tab cùng lúc, chỉ giữ một pill duy nhất có thể di chuyển trên màn hình. Thiết kế này giải quyết vấn đề trình duyệt chiếm dụng không gian màn hình quá nhiều khi mở nhiều tab. Blanc mang lại bài học giao diện thú vị về việc triệt tiêu UI không cần thiết để tập trung vào nội dung.

Blanc trình bày cách tiếp cận mới nhất về thiết kế giao diện trình duyệt giúp lập trình viên có góc nhìn đa dạng về trải nghiệm người dùng.

How Booking.com cut Node.js costs by 38% with Watt

Booking.com đã tiết giảm chi phí compute cho Node.js tới 38% khi chuyển từ pm2 sang Watt. Công nghệ Watt giúp giảm số lượng pod cần thiết, cắt giảm 20% lượng memory sử dụng, đồng thời giảm được latency. Điều đáng chú ý là tất cả các thay đổi này được thực hiện mà không cần thay đổi bất kỳ dòng service code nào. Giải pháp Watt hoạt động bằng cách tối ưu hóa hiệu suất runtime của Node.js một cách thông minh.

Bài viết cho thấy cách giảm chi phí Node.js hiệu quả mà không cần thay đổi code dịch vụ.

How to compile JavaScript into a single executable

Deno compile và bun build --compile cùng Node.js single executable apps cho phép biên dịch JavaScript thành file thực thi duy nhất như Go hay Rust. Các công cụ này đóng gói cả runtime và dependencies vào một file binary độc lập, giải quyết vấn đề phân phối ứng dụng JavaScript phức tạp. Kết quả là file thực thi nhỏ gọn, dễ phân phối và không cần cài đặt Node.js runtime riêng. Đáng học hỏi là cách deno sử dụng deno_std libraries và bun tận dụng JavaScriptCore để tạo binary hiệu quả dưới 10MB.

Bài hướng dẫn này giúp bạn biên dịch JavaScript thành file thực thi độc lập, tăng cường khả năng triển khai và bảo mật ứng dụng.

NestJS 12: ESM Packages, Standard Schema Validation and Native Observability

NestJS phiên bản 12 đã chuyển đổi các package core sang ESM và triển khai Standard Schema validation. Thay đổi này giải quyết vấn đề module resolution trong ESM của JavaScript, giúp tăng hiệu suất cho các application lớn. Bản cập nhật cũng CLI và giới thiệu observability SDK để giám sát ứng dụng dễ dàng hơn. Lập trình viên nên đọc bài gốc để biết chi tiết về Standard Schema validation và cách tích hợp observability SDK vào project NestJS hiện tại.

NestJS 12 mang đến những cập nhật quan trọng về ESM, validation schema và khả năng quan sát hệ thống giúp lập trình viên nâng cao hiệu suất và hiệu quả phát triển ứng dụng.