Check Out These Amazing Projects from the Progress x GitNation Hackathon!

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

React Navigation 8 (phiên bản alpha) bổ sung các hooks đã định kiểu (typed hooks) như useRoute, useNavigation và useNavigationState có hỗ trợ tên màn hình, giúp loại bỏ boilerplate, unsafe type casts và tăng cường type safety. Các hooks này giờ đây cung cấp kiểu dữ liệu chính xác cho params, actions và state, bao gồm cả nhận diện nested navigator, đồng thời hỗ trợ truy cập params của parent screen mà không cần context hay prop drilling.

Lập trình viên nên đọc bài này để tận dụng React Navigation 8 giúp giảm thiểu mã lặp lại và tăng cường an toàn kiểu dáng bằng cách loại bỏ các kiểu cast không an toàn và cung cấp các hook định dạng chính xác theo màn hình, từ đó làm cho ứng dụng của mình trở nên dễ bảo trì và phát triển hơ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ừ …

Prop For That

Thư viện Prop For That của Adam Argyle cung cấp các CSS custom properties động, cho phép truy cập vào những thuộc tính CSS thông thường không thể truy xuất như vị trí con trỏ, tốc độ cuộn, trạng thái form hay thời gian hiện tại. Nhà phát triển chỉ cần thêm thuộc tính data vào HTML, sau đó sử dụng trực tiếp các biến CSS này trong stylesheet mà không cần viết JavaScript.

Lập trình viên nên đọc bài này để khám phá cách Prop For That giúp tối ưu hóa giao diện người dùng bằng cách kết nối trực tiếp CSS với dữ liệu động từ HTML mà không cần JavaScript, mở rộng khả năng tùy biến UI một cách đơn giản và hiệu quả.

Node.js — Node.js 26.4.0 (Current)

Node.js 26.4.0 bổ sung nhiều tính năng mới như node:vfs (hỗ trợ mount VFS), buffer tùy …

Why Every Agent Vulnerability is a Trust Boundary Failure

Mọi lỗ hổng trong agent AI đều là thất bại trong việc thiết lập ranh giới tin cậy (trust boundary), không phải do mô hình hay công cụ. Bài viết phân tích bốn vector tấn công chính: tiêm prompt qua kết quả công cụ, giả mạo danh tính trong cuộc gọi giữa agent, tấn công "bom ngân sách" từ vòng lặp vô tận, và nhiễm độc công cụ qua sự sai lệch của MCP server. Giải pháp đề xuất là áp dụng các kiểm soát hạ tầng như Portkey's Agent Gateway, MCP Registry, LLM Gateway để ngăn chặn hoặc phát hiện các cuộc tấn công này.

Lập trình viên nên đọc bài này để hiểu cách bảo vệ hệ thống AI agent khỏi các lỗ hổng nghiêm trọng không phụ thuộc vào lỗi của mô hình hay công cụ, mà liên quan đến việc thiết lập và kiểm soát biên giới tin cậy—đặc biệt là khi các agent tự quyết định sử dụng các công cụ và giao tiếp với nhau.

ESLint v10.6.0 released

ESLint v10.6.0 bổ sung tùy chọn checkRelationalComparisons cho rule no-constant-binary-expression để phát hiện so sánh quan hệ luôn trả về hằng số, cùng cải tiến cho 9 rule khác như max-classes-per-file, no-throw-literal và cập nhật tài liệu về cấu hình TypeScript cho MCP server.

Lập trình viên nên đọc vì phiên bản mới của ESLint 10.6.0 bổ sung các tính năng cải tiến như kiểm tra biểu thức so sánh tương quan (như <, >, ==) có kết quả hằng số, đồng thời khắc phục lỗi sai lầm trong các quy tắc hiện có, giúp codebase của bạn được kiểm soát tốt hơn về chất lượng và 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ả.