A Look at Datastar

WebSocket vs SSE vs Long Polling: The Real Cost of 1,000 Events

Bài viết so sánh chi phí thực tế giữa WebSocket, SSE và Long Polling qua các số liệu đo lường như dung lượng dữ liệu truyền tải trên dây (wire bytes) cho mỗi sự kiện, độ trễ ở vòng lặp 50 ms, và tác động của HTTP/2 lên từng phương thức.

Một lập trình viên nên đọc bài này để hiểu rõ cách chọn giữa WebSocket, SSE và Long Polling khi cần tối ưu hóa hiệu suất mạng, giảm chi phí băng thông và latency trong ứng dụng thực tế với hàng ngàn sự kiện.

Pokémon bakeoff reveals best JavaScript frameworks for AI

Sorry React die-hards, Claude prefers lean HTML-first tools over bloated SPAs

Build a Streaming React Chat with Microsoft Foundry Responses

Bài hướng dẫn xây dựng giao diện chat React sử dụng Microsoft Foundry Responses streams, xử lý sự kiện SSE an toàn và cập nhật văn bản theo từng delta. Tác giả triển khai kỹ thuật parsing SSE events để tách dữ liệu stream và xử lý text deltas, đảm bảo hiển thị nội dung thực sự từ server. Phần quan trọng nhất là xử lý các trường hợp ngắt kết nối bằng cách implement cơ chế suppression mechanism loại bỏ output lỗi thời khi user logout. Bài viết cung cấp code ví dụ cụ thể với implementation chi tiết, rất hữu ích cho developer cần tích hợp streaming response vào React app.

Tài hướng dẫn này giúp bạn xây dựng giao diện chat React với streaming Microsoft Foundry Responses, xử lý SSE an toàn và kiểm soát hiển thị nội dung.

After 8 Years of Building With React, I Started My Last Project Without It

Sau 8 năm phát triển với React, tác giả quyết định bắt đầu dự án mới mà không sử dụng thư viện này, không phải vì ghét React mà vì hệ sinh thái xung quanh nó đã khiến họ kiệt sức.

Bài viết giúp lập trình viên hiểu cách thoát khỏi vòng vây của một công nghệ mạnh mẽ nhưng có thể gây mệt mỏi khi phải phụ thuộc quá nhiều vào hệ sinh thái phức tạp của nó.

Xenia — Xenia v0.1.1

Xenia là thư viện kết nối các package JavaScript với Phoenix LiveView mà không cần viết hook thủ công cho từng thư viện riêng biệt, đi kèm 16 adapter chính thức như Monaco, Chart.js, D3, Tabulator, FullCalendar, Leaflet, xterm.js và Uppy. Thư viện giúp giảm đáng kể lượng code cần viết, ví dụ adapter Xenia cho Monaco chỉ cần 21 dòng thay vì 58 dòng hook viết tay. Xenia cung cấp tính năng routing dựa trên file, cho phép định tuyến trong page.ex với tham số được đánh dấu bằng [id]. Ngoài ra, thư viện còn tích hợp generators và câu lệnh mix xenia.install để thiết lập ban đầu.

Xenia giúp lập trình viên JavaScript tích hợp package với Phoenix LiveView mà không cần viết hook thủ công, tiết kiệm thời gian và công sức.

GitHub - uzaydurdu/xenia: Keep Phoenix in charge, let JavaScript do what it does best: any JS library in LiveView with one small adapter.

Bối cảnh: Xenia là một thư nhỏ cho phép tích hợp bất kỳ thư viện JavaScript nào vào LiveView của Elixir mà không cần tạo component riêng. Nguyên nhân kỹ thuật: Thay vì ép buộc JS library tuân theo vòng đời LiveView, Xenia cung cấp một adapter nhỏ cho phép JS library chạy độc lập với chỉ một API bridge. Hệ quả: Giảm 70% thời gian phát triển khi tích hợp JS library vào ứng dụng Phoenix, giữ nguyên sức mạnh của cả hai thế hệ công nghệ. Điều đáng học: Xenia minh họa cách tiếp cận linh hoạt trong kết hợp backend Elixir/Phoenix với frontend JavaScript mà không hy sinh ưu điểm của từng nền tảng.

Bài này giúp bạn tích hợp bất kỳ thư viện JavaScript nào vào Phoenix LiveView một cách dễ dàng với bộ điều hợp nhỏ.

My first attempt at porting a Shiny app failed, and not for a technical reason

Trong quá trình porting ứng dụng Shiny sang stack mới, tác giả nhận thất bại không phải do lý do kỹ thuật. Nguyên nhân chính là cách dịch chuyển code line by line mà không hiểu rõ kiến trúc tổng thể của cả hệ thống. Hệ quả là code mới tuy chạy nhưng không tận dụng được ưu điểm của công nghệ mới, thậm chí còn kém hiệu quả hơn. Bài học rút ra là khi di chuyển dự án giữa các nền tảng, cần hiểu sâu bản chất hệ thống thay vì chỉ dịch chuyển từng dòng code riêng lẻ.

Bài viết này giúp lập trình viên hiểu được những sai lầm thường gặp khi chuyển đổi ứng dụng Shiny và học cách tiếp cận hiệu quả hơn cho dự án tương tự.

Changelog — Xenia v0.2.0

Xenia 0.2.0 ships typed adapters, lazy islands, and a breaking change to form field submission. TypeScript declarations now type any adapter via Adapter<Instance, Props, Events, Commands>, checked with TypeScript 5.9 and 7.0. Tom Select, flatpickr and SortableJS multi-value fields now submit a list with one hidden input per value instead of a JSON string, so Ecto array fields cast it directly. Code splitting cuts an example page's upfront JavaScript from 7.9 MB to 0.59 MB.