Fixing Top-Level Await in Safari

GTA.js, a reimplementation of the 1997 Grand Theft Auto engine in JavaScript and WebGL

Dự án GTA.js tái tạo lại engine của game Grand Theft Auto năm 1997 bằng JavaScript và WebGL, có thể chơi tại gtajs.wtf. Đây là bản reimplement chứ không phải emulator, nên một số vật lý và animation khác với bản gốc, nhưng engine nhiệm vụ chính xác dựa trên tài liệu mtd.doc. Tác giả sử dụng Gemini AI để triển khai hầu hết các tính năng, tham khảo tài liệu mở, ghi chú cộng đồng và trí nhớ cá nhân về game. Hiện tại game đã chơi được nhưng cảnh sát (cops) vẫn chưa được implement.

Lập trình viên nên đọc bài này để khám phá cách tái tạo lại engine game cổ bằng JavaScript và WebGL từ con số không.

Build with Gemini 4 Argon – Fast-Track API Crash Course

Google just released Gemini 4 Argon which is its most capable model designed specifically for complex reasoning, advanced coding, math, and science. To help you get building right away, we just publis

How to use TinyFish

Learn TinyFish with JavaScript: search the web, extract data, automate browser tasks, reuse logins, research topics, and monitor websites.

LittleJS is 2D and 3D now

LittleJS, engine HTML5 nhỏ không phụ thuộc dependency, vừa cập nhật lớn với renderer 3D hoàn chỉnh, cho phép render 2D và 3D cùng canvas với shared physics, children, và timers. Engine được tối ưu với batched WebGL2 sprites, instanced 3D drawing, và mới benchmark với PixiJS, Three.js, PlayCanvas, Phaser, Babylon.js cho thấy hiệu năng vượt trội. Các công cụ AI mới gồm LittleJS AI toolkit, Claude Code plugin, LittleJS GPT cho no-code game building, cùng 50+ game mẫu open-source. Trang littlejsengine.com demo tất cả tính năng, và game jam thứ 3 diễn ra từ 2/10 đến 2/11.

LittleJS hiện hỗ trợ cả 2D và 3D với công cụ AI mạnh mẽ sẽ mang lại cho lập trình viên game giải pháp phát triển đa năng và hiệu quả.

JavaScript Microtasks vs Tasks: What Runs First?

JavaScript xử lý tasks và microtasks trong Event Loop, với tasks như setTimeout được đặt trong Macrotask Queue còn Promises và queueMicrotask() vào Microtask Queue. Microtasks luôn được thực thi trước tasks ngay sau mỗi kết thúc của call stack, giúp xử lý các tác vụ quan trọng trước. Ví dụ: Promise.resolve().then() sẽ chạy trước setTimeout() dù được gọi sau, tạo ra thứ tự thực thi không như dự kiến nếu không hiểu rõ cơ chế. Quan trọng là hiểu rằng microtasks có thể gây block nếu quá nhiều, như trường hợp 1000 promises chained sẽ được xử lý trước khi bất kỳ timeout nào thực thi.

Bài này giúp lập trình viên hiểu rõ cơ chế thực thi JavaScript để tối ưu hiệu năng và tránh lỗi bất đồng bộ.

TanStack Charts 1.0

TanStack Charts 1.0 là thư viện charting hiện đại, cung cấp giải pháp thay thế cho các framework cũ như D3.js hay Chart.js. Được xây dựng trên nền tảng React hooks, nó mang đến hiệu suất vượt trội với thời gian render chỉ 16ms cho dataset 10,000 điểm dữ liệu. Thư viện này hỗ trợ cả React và vanilla JS, phù hợp với mọi dự án từ nhỏ đến lớn. Đáng chú ý, TanStack Charts cho phép tùy biến linh hoạt mà không cần phụ thuộc vào các UI framework cụ thể, giúp tránh được vấn đề vendor lock-in.

TanStack Charts 1.0 mang đến giải pháp biểu đồ linh hoạt giúp bạn phát triển ứng dụng mà không cần thay đổi thư việ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.

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.