Untitled

Everything but the runtime

Bản tin của một nhà phát triển giới thiệu nub.js, một bộ công cụ Node.js toàn diện mới của Colin McDonnell (tác giả Zod và tRPC), cung cấp công cụ tương tự Bun nhưng không thay thế runtime Node. Ngoài ra, bài viết còn đề cập đến việc Flow chuyển từ OCaml sang Rust, Deno 2.9 với giao diện desktop, Rspack 2.1 hỗ trợ TypeScript 7, các bước song song trong GitHub Actions, Next.js Instant Navigation, và mẹo JavaScript sử dụng Intl.Collator để sắp xếp chuỗi theo ngôn ngữ.

Những công cụ và tiến bộ mới trong Node.js như Nub.js và Deno sẽ giúp tối ưu hóa hiệu suất, quản lý dự án và phát triển nhanh hơn, giúp bạn tiết kiệm thời gian và công sức trong việc xây dựng ứng dụng hiện đại.

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 …

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

I tried PewDiePie's open-source AI workspace, and it's weirdly great

PewDiePie giới thiệu Odysseus, một workspace AI mã nguồn mở tự lưu trữ, tích hợp chat, agent tự động, nghiên cứu sâu, so sánh model, quản lý email, ghi chú, lịch, tác vụ và cả trình chỉnh sửa ảnh trong một dashboard Docker duy nhất. Người dùng có thể kết nối với các model cục bộ qua Ollama, llama.cpp, LM Studio hoặc vLLM, đồng thời tùy chọn sử dụng API đám mây. Quá trình cài đặt nhanh chóng chỉ mất khoảng 4 phút bằng cách clone repo và chạy docker compose, tạo nên một bộ công cụ năng suất AI toàn diện vượt xa giao diện chat thông thường.

Là lập trình viên muốn tự host và tối ưu hóa công cụ AI cá nhân mà không phụ thuộc vào các nền tảng bên ngoài, Odysseus sẽ giúp bạn tiết kiệm thời gian và chi phí trong việc tích hợp các tính năng từ chatbot đến xử lý tự động, đồng thời tiết lộ cách xây dựng một hệ sinh thái AI mạnh mẽ với Docker.

From Local LLM to Tool-Using Agent

Bài viết hướng dẫn từng bước biến đổi một mô hình ngôn ngữ địa phương (LLM) thành tác nhân nghiên cứu sử dụng công cụ thông qua sự kết hợp của Gemma 4 (phiên bản E4B), Ollama, OpenAI Agents SDK và Tavily's MCP web search. Quá trình bao gồm cài đặt Ollama, tải mô hình Gemma 4 E4B, cấu hình tác nhân với hướng dẫn hệ thống, kết nối với máy chủ web search của Tavily, và thực hiện truy vấn nghiên cứu thực tế kèm theo kiểm tra trace. Phương pháp này có thể áp dụng chung cho các mô hình địa phương, backend phục vụ, framework tác nhân và công cụ tương thích MCP khác.

Lập trình viên muốn tự động hóa công việc nghiên cứu, giải quyết vấn đề phức tạp hoặc tích hợp AI vào ứng dụng riêng của mình nên đọc để học cách xây dựng một hệ thống agent thông minh sử dụng mô hình LLM cục bộ, từ đó tiết kiệm thời gian và tối ưu hiệu suất mà không phụ thuộc vào cloud.

This Week In React #287: Fragment ref, React Compiler, StyleX, React Router, cnfast, Base UI, Remotion, React Aria

Tuần này giới thiệu nhiều cập nhật quan trọng trong hệ sinh thái React: Fragment ref (FragmentInstance) sắp ra mắt trong React v19.3, tiến triển của React Compiler (tích hợp Bun, phiên bản Rust), React Router 8.0 (chỉ ESM, cải tiến "boring-by-design"), cùng các bản phát hành mới của StyleX 0.19, Base UI 1.6 và TanStack Table v9. Bên phía React Native, Reanimated 4.5 bổ sung hỗ trợ CSS pseudo-selector, Expo SDK 56 ổn định iOS widgets & Live Activities, VisionCamera cho phép xử lý video thời gian thực. Ngoài ra, Vite 8.1 ra mắt chế độ Dev Mode tích hợp, Astro 7.0 tăng tốc build ~61% nhờ Rolldown, TypeScript 7.0 RC (viết lại bằng Go), và GitHub Actions siết chặt bảo mật ngăn chặn tấn công supply chain.

Những công nghệ mới trong React và React Native như Fragment ref trong React 19.3 hoặc React Router 8.0 có thể giúp bạn tối ưu hiệu suất, cải thiện tính bảo mật và mở rộng khả năng ứng dụng của mình ngay từ những thay đổi cơ bản nhất.

Typed Polymorphic React Component

Bài viết hướng dẫn cách xây dựng một component React đa hình có kiểu (polymorphic) bằng generics TypeScript. Tác giả chỉ ra nhược điểm của cách dùng intersection type thông thường, khám phá cách sử dụng mapped type (hoặc Omit) để buộc TypeScript xử lý generic sau khi suy luận kiểu, từ đó đạt được cách triển khai cho phép props được xác định chặt chẽ dựa trên giá trị của prop as.

Lập trình viên nên đọc bài này để hiểu cách tối ưu hóa và chính xác hóa kiểu dáng cho các thành phần React đa hình với TypeScript, tránh những lỗi nhầm lẫn về kiểu props và giải quyết vấn đề khi kiểu không được hẹp hóa đúng cách.