SharePoint Framework (SPFx) roadmap update – August 2026

Tired of Fragile AI Integrations? Learn MCP Before Your Next Project

Các nhà phát triển thường gặp vấn đề khi tích hợp AI do thiếu giao chuẩn hóa dẫn đến hệ thống yếu kém. Model Context Protocol (MCP) ra đời như giải pháp kết nối ứng dụng AI với công cụ và tài nguyên thông qua giao diện tiêu chuẩn hóa. Giao thức này giúp giảm thiểu sự phụ thuộc vào từng vendor cụ thể và tăng khả năng bảo trì. Các pattern thực tế trong MCP cho phép xây dựng hệ thống AI bền vững, dễ mở rộng mà không bị ràng buộc bởi công nghệ độc quyền.

MCP giúp xây dựng hệ thống AI ổn định và dễ bảo trì khi tích hợp với nhiều công cụ khác nhau.

Behind SPFx Dev Skills: testing what agents know and fixing what they miss

Bài viết mô tả việc nghiên cứu mức độ hướng dẫn cần thiết cho một AI coding agent khi làm việc với SharePoint Framework (SPFx). Đội ngũ thu thập dữ liệu đánh giá từ các lần thử code để xác định những khoảng trống kiến thức cụ thể mà agent thường bỏ qua. Bằng cách tập trung cung cấp prompt hoặc ví dụ chỉ cho những điểm yếu này, họ nâng tỷ lệ thành công của agent mà không phải tiêu tốn token trên những kiến thức mà model đã maîtrisé. Kết quả cho thấy sự cải thiện đáng kể về độ chính xác và hiệu suất, đồng thời giảm lượng token tiêu thụ trong mỗi yêu cầu. Bài học chính là việc sử dụng dữ liệu đánh giá có mục tiêu để tinh chỉnh hướng dẫn cho agent, giúp tối ưu chi phí computing mà vẫn đạt chất lượng code mong muốn.

Để hiểu cách tối ưu hóa kiến thức về SharePoint Framework (SPFx) cho các agent AI bằng cách xác định và khắc phục những lỗ hổng kiến thức thực tế, giúp lập trình viên cải thiện hiệu quả phát triển ứng dụng SharePoint một cách hiệu quả hơn.

Cancel In-Flight Form Submissions in Inertia.js v3.7

Bối cảnh: Inertia.js là thư viện kết hợp rendering phía server với SPA, và phiên bản 3.7 vừa được ra mắt với một số cải tiến quan trọng. Nguyên nhân kỹ thuật: Phiên bản này bổ sung prop cancelOnUnmount và phương thức cancel vào Form component, đồng thời cung cấp trạng thái polling qua hook usePoll và một loại prop once giữ giá trị dù người dùng thực hiện các visita tức thời. Hệ quả: Nhờ cancelOnUnmount, khi thành phần bị gỡ bỏ, bất kỳ request form nào đang diễn ra sẽ được huỷ tự động, tránh tình trạng đua và cập nhật UI sai; trạng thái polling cho phép theo dõi và dừng các yêu cầu lặp lại một cách rõ ràng; prop once đảm bảo dữ liệu quan trọng không bị mất khi chuyển trang nhanh. Điều đáng học: Các nhà phát triển nên tận dụng cancelOnUnmount và cancel method để quản lý tốt hơn các form gửi đi, sử dụng usePoll để контролировать polling, và áp dụng once props cho những dữ liệu cần tồn tại qua các visita ngay lập tức, từ đó cải thiện trải nghiệm người dùng và giảm lỗi liên quan đến race condition.

Lập trình viên nên đọc bài này để nắm tính năng mới v3.7 của Inertia.js giúp hủy bỏ form submission đang thực hiện và quản lý trạng thái polling hiệu quả.

How we eliminated $1 million a year of wasted AI agent spend in one hour

Nhóm phát hiện rằng hệ thống AI agent của họ đang chạy liên tục trên các instance cloud mà không có chính sách giảm quy mô khi tải trọng thấp, gây ra chi phí compute không cần thiết khoảng 1 triệu USD mỗi năm. Nguyên nhân kỹ thuật là thiếu cấu hình autoscaling và idle timeout cho các worker chạy agent, khiến chúng tiêu thụ GPU/CPU ngay cả khi không có request nào. Sau khi chỉnh sửa chính sách scaling và thêm giới hạn thời gian nghỉ idle trong vòng một giờ, chi phí hàng năm giảm ngay mức đó. Kết quả là tiết kiệm đáng kể mà không ảnh hưởng đến khả năng phản hồi của agent. Điều này cho thấy việc áp dụng giám sát chi phí và chính sách scaling tự động là cần thiết cho các dịch vụ AI dựa trên agent.

Bài tiết kiệm một triệu đô la chi phí lãng phí cho AI agent chỉ trong một giờ mà không cần nhiều kỹ thuật phức tạp.

Styling Linear for the future with StyleX

Linear đang tìm cách bảo trì và phát triển hệ thống styling của mình trong thời gian dài …

The New Debug Bar for Laravel

Các nhà phát triển Laravel thường cần công cụ debug trực quan để theo dõi request và response trong quá trình phát triển. The New Debug Bar được tích hợp một máy chủ MCP (Message Control Protocol) nội bộ, cho phép các agent mã hóa truy cập vào các request đã được lưu trữ. Nhờ MCP server, các agent có thể xem cùng một bộ dữ liệu request như giao diện trình duyệt, từ đó giảm thiểu việc chuyển đổi giữa công cụ và môi trường code. Việc kết hợp máy chủ MCP vào công cụ debug mở ra khả năng tự động hóa kiểm tra và sửa lỗi bằng AI, gợi ý cho các dự án Laravel tiếp theo cần cân nhắc mở rộng khả năng tương tác với agent. Đây là một cách улучшать làm việc với các công cụ hỗ trợ lập trình thông minh mà không phải sacrifices tính trực quan của giao diện debug truyền thống.

Laravel lập trình viên nên đọc bài này vì công cụ debug bar mới có tích hợp MCP server giúp agent kiểm tra request giống như giao diện trình duyệt.

Your React app doesn’t need all that JavaScript

React app thường tải một lượng JavaScript không cần thiết, gây ra hiệu năng kém. Nguyên nhân là do nhiều tính năng hoàn toàn có thể thực hiện bằng native browser features như :has() selector, Popover API, scroll-snap carousels và CSS animations. Hệ quả là app trở nên chậm, tốn tài nguyên và khó bảo trì. Đáng học ở đây là việc tối ưu bằng cách giảm phụ thuộc vào JavaScript, tận dụng các API trình duyệt hiện có. Phân tích cho thấy việc thay thế một số components React bằng CSS và DOM APIs giúp giảm tới 40% bundle size.

Bài viết này giúp bạn đơn giản hóa ứng dụng React bằng cách tận dụng các tính năng trình duyệt nguyên bản, giảm thiểu sự phụ thuộc vào JavaScript.