Building balanced mobile layouts: nesting tabs and drawers with Expo Router

Announcing TypeScript 7.0

TypeScript 7.0 ra mắt phiên bản biên dịch gốc bằng Go, cải thiện tốc độ build lên 8–12 lần …

Deno 2.9

Phiên bản Deno 2.9 bổ sung công cụ deno desktop để xây dựng ứng dụng desktop native từ công nghệ web, tạo ra các tệp thực thi duy nhất với backend webview hoặc CEF. Cải tiến đáng chú ý bao gồm hỗ trợ di chuyển từ lockfile npm/pnpm/yarn/Bun, snapshot testing, test theo tham số, tối ưu hiệu suất khởi động lạnh gấp đôi và giảm 3 lần bộ nhớ khi tải nặng.

Nếu bạn đang tìm cách xây dựng ứng dụng desktop hiệu quả từ công nghệ web, nâng cấp khả năng kiểm thử và an toàn trong dự án của mình, hoặc muốn tối ưu hóa hiệu suất và quản lý phụ thuộc, Deno 2.9 sẽ là công cụ quan trọng giúp bạn giải quyết những thách thức này một cách hiện đại và hiệu quả.

What’s new in Svelte: July 2026

Tháng 7/2026 giới thiệu những thay đổi quan trọng trong hệ sinh thái SvelteKit, nổi bật là khả năng định cấu hình SvelteKit trực tiếp trong vite.config.js (thay thế svelte.config.js), cùng các tính năng thử nghiệm như biến môi trường tường minh (thay thế $env/*) và hỗ trợ File object cho Remote Functions. Các công cụ CLI, ngôn ngữ (svelte-language-server, svelte-check) và trình biên dịch (svelte2tsx) đã cập nhật tương thích hoàn toàn với thẻ khai báo {const ...} của Svelte 5, trong khi svelte-check bổ sung hỗ trợ thử nghiệm tsgo (TypeScript Go) để kiểm tra kiểu nhanh hơn. Cộng đồng cũng giới thiệu nhiều thư viện UI, framework và ứng dụng mới xây dựng trên Svelte.

Lập trình viên nên đọc bài này vì những cập nhật mới về SvelteKit như tích hợp trực tiếp cấu hình vào vite.config.js và các tính năng tương lai như biến môi trường rõ ràng, giúp tối ưu hóa và chuẩn bị cho Kit 3, đồng thời khám phá những công cụ hỗ trợ mới như svelte-check với TypeScript Go.

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.

HeroUI v3 Lands as a Ground-Up Rewrite for React and React Native, Built on Tailwind CSS v4

HeroUI v3 là phiên bản viết lại hoàn toàn từ đầu của thư viện component React (từng có tên NextUI), nay hỗ trợ cả web lẫn React Native. Thư viện này cung cấp hơn 75 component cho web (21 component mới) và 37 component cho React Native, được xây dựng trên React Aria Components (tính truy cập) và Tailwind CSS v4 (kiểu dáng), với tất cả hoạt ảnh chuyển sang CSS và không phụ thuộc runtime JavaScript. API dạng component ghép tương thích React 19 và Next.js, tích hợp công cụ AI qua MCP Server, Agent Skills và file llms.txt. Gói npm có ~341.000 lượt tải mỗi tuần, repo GitHub đạt ~27.700 sao. Việc di chuyển từ v2 sang v3 đòi hỏi kế hoạch cẩn thận do hai phiên bản không thể cùng tồn tại, mặc dù đã có hướng dẫn di chuyển đầy đủ và từng bước. Người dùng phản hồi rằng một số tính năng v2 vẫn thiếu trong v3 và lo ngại về tính minh bạch trong lộ trình phát triển.

Lập trình viên muốn phát triển ứng dụng React/React Native nhanh chóng và hiện đại nên đọc bài này để khám phá cách HeroUI v3 nâng cấp thiết kế UI với Tailwind CSS 4.0, cải thiện tính khả dụng và tích hợp AI, đồng thời giảm phụ thuộc vào JavaScript để tối ưu hiệu suất.

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ả.

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 desktop đóng gói sẵn, tích hợp runtime Deno, web rendering engine và hỗ trợ đa nền tảng. Tính năng nổi bật gồm auto-detect framework, hot module replacement, cập nhật tự động, tích hợp hệ điều hành và tùy chọn backend CEF cho giao diện nhất quán.

Lập trình viên muốn phát triển ứng dụng desktop nhanh chóng và hiệu quả hơn với giao diện tích hợp tự động và không phụ thuộc vào socket IPC, nên đọc để khám phá Deno Desktop—công cụ tự động biên dịch, tích hợp framework và hỗ trợ update tự động.