Less Boilerplate, More Type Safety: React Navigation 8's Typed Hooks

Desktop apps

Deno v2.9.0 (canary) bổ sung lệnh deno desktop để biên dịch dự án Deno thành ứng dụng …

Introducing eve, an open-source agent framework

Vercel vừa giới thiệu eve, một framework mã nguồn mở theo hướng filesystem-first, viết bằng TypeScript, giúp xây dựng, triển khai và mở rộng các AI agent. Framework này hỗ trợ nhiều tính năng tích hợp như thực thi bền vững, sandboxed compute, human-in-the-loop, subagents và evals, đồng thời tương thích với mọi model, MCP server và các kênh như Slack, Discord hay GitHub.

Là lập trình viên phát triển ứng dụng AI, bạn nên đọc để khám phá cách xây dựng các hệ thống agent mạnh mẽ với kiến trúc đơn giản, tích hợp tự động với các công cụ và nền tảng phổ biến, giúp tiết kiệm thời gian và nâng cao hiệu suất triển khai.

Prettier 3.9: New Parser Foundations and Formatting Improvements · Prettier

Prettier 3.9 nâng cấp parser cho nhiều ngôn ngữ: Markdown chuyển sang micromark v4, YAML lên yaml v2, GraphQL hỗ trợ GraphQL.js v17, Flow dùng parser Rust mới nhanh hơn 40%. Phiên bản này cũng sửa hàng chục lỗi định dạng JavaScript/TypeScript, cải thiện CSS, SCSS, HTML, Angular, JSON cùng các fix cho CLI và EditorConfig.

Lập trình viên nên đọc bài này vì Prettier 3.9 cải thiện đáng kể hiệu suất và chính xác cho nhiều ngôn ngữ, đặc biệt là TypeScript (parser Rust nhanh hơn) và Markdown (tuân thủ chuẩn CommonMark), giúp tiết kiệm thời gian và tránh lỗi định dạng trong dự án.

When A Favicon Becomes The Entire Website

Tim Wehrle tạo ra một cách hack sáng tạo khi nhúng toàn bộ website HTML vào tệp favicon dưới dạng hình ảnh PNG bằng cách mã hóa các byte UTF-8 thành dữ liệu hình ảnh. Một payload HTML 208-byte cùng header PNG 4-byte vừa đủ trong favicon 9×9 pixel, sau đó dùng TypeScript để giải nén và hiển thị trang web trong trình duyệt. Dự án mã nguồn mở trên GitHub kèm demo trực tuyến.

Lập trình viên nên đọc bài này để khám phá cách áp dụng kỹ thuật mã hóa và giải mã dữ liệu trong thiết kế giao diện web, mở rộng khả năng tương tác và tối ưu hóa không gian lưu trữ cho các ứng dụng nhỏ gọn.

CQRS Without the Astronaut Architecture

Bài viết hướng dẫn triển khai CQRS trong Node.js/TypeScript theo cách đơn giản, không cần cơ sở hạ tầng phức tạp như event sourcing hay message queues. CQRS ở đây chỉ là cách tổ chức code tách biệt logic ghi (commands) và đọc (queries), với ví dụ TypeScript cụ thể về rich write side và lean read side. Tác giả khuyên nên bắt đầu từ phân tách code đơn giản rồi nâng cấp dần khi cần thiết.

Lập trình viên nên đọc bài này để hiểu cách áp dụng CQRS một cách đơn giản và hiệu quả trong Node.js/TypeScript mà không cần phụ thuộc vào kiến trúc phức tạp, từ đó tối ưu hóa quy trình phát triển và bảo trì ứng dụng của mình.

You're Using React Compound Components Wrong

Hầu hết hướng dẫn về React compound components đều dùng ví dụ <Select>/<Option> không phù hợp, vì pattern này chỉ tối ưu cho layout linh hoạt với nội dung tĩnh (tabs, cards), chứ không phải danh sách dữ liệu động. Khi dữ liệu đến từ API, sử dụng props API đơn giản hơn, type-safe hơn, và dễ xử lý sắp xếp/lọc/ảo hóa.

Lập trình viên nên đọc bài này để tránh nhầm lẫn giữa mô hình Compound Components—dành cho giao diện layout tĩnh—với trường hợp sử dụng cho danh sách dữ liệu động, từ đó tối ưu hóa code, tránh lỗi type safety và áp dụng đúng nguyên tắc thiết kế React hiệu quả.

AI SDK 7 is now available

Vercel ra mắt AI SDK 7, bản cập nhật lớn cho TypeScript SDK hỗ trợ xây dựng ứng dụng và agent AI. SDK bổ sung tính năng kiểm soát lý luận chuẩn hóa, upload file/provider skill, hỗ trợ MCP Apps, giao diện UI terminal, WorkflowAgent bền vững, cấu hình timeout chi tiết, cùng nhiều cải tiến khác. Quá trình di chuyển từ v6 được tự động hóa qua codemod.

Lập trình viên phát triển ứng dụng AI sẽ tìm hiểu SDK mới này để tối ưu hóa hiệu suất, giảm thiểu chi phí và mở rộng khả năng tích hợp với các công cụ AI hiện đại mà không cần phải viết lại mã từ đầu.