#server-sent-events

The Fixi Project

Dự án Fixi gồm năm thư viện web nhỏ (dưới ~4,7KB chưa nén) hỗ trợ phát triển web nhẹ, server-driven. Các thư viện gồm fixi.js (trao đổi HTML), moxi.js (scripting/reactivity), paxi.js (DOM morphing), ssexi.js (Server-Sent Events) và rexi.js (fetch wrapper), tổng cộng chỉ ~4,5KB khi nén Brotli. Triết lý "ít hơn là tốt hơn" ưu tiên HTML thuần và JavaScript tối giản thay vì framework nặng.

Là người phát triển muốn tối ưu hiệu suất, giảm bloat và xây dựng ứng dụng web nhẹ nhàng mà vẫn giữ tính linh hoạt, The Fixi Project là lựa chọn lý tưởng để khám phá cách kết hợp các thư viện nhỏ gọn, đơn giản để xử lý giao diện và phản ứng mà không cần phụ thuộc vào các framework phức tạp.

From Day 1 to Production: Building Lyft’s Analytics & Rides Intelligence Assistant as Onboarding Project

Một nhà khoa học dữ liệu cấp cao tại Lyft đã xây dựng ARIA, một trợ lý chat AI cấp sản xuất, trong ba tuần như dự án onboarding. ARIA chuyển từ prototype Streamlit sang Next.js sử dụng framework Node.js nội bộ của Lyft, tích hợp xác thực, routing Envoy, DNS CloudFront, streaming SSE và quản lý trạng thái chat bằng XState, giúp anh hiểu sâu hơn hệ sinh thái kỹ thuật công ty thông qua trải nghiệm thực tế.

Lập trình viên mới bắt đầu sẽ tìm hiểu cách chuyển đổi một dự án prototype đơn giản thành một ứng dụng sản phẩm thực tế bằng công nghệ hiện đại và quy trình CI/CD của công ty, giúp hiểu rõ hơn về cách xây dựng, triển khai và debug hệ thống trong môi trường doanh nghiệp.

How Netflix Scaled Its Real-Time Service Map

Netflix tiết lộ cách họ tái thiết kế pipeline streaming phía sau Service Topology, bản đồ phụ thuộc dịch vụ theo thời gian thực, nhằm hỗ trợ quy mô sản xuất. Hệ thống này sử dụng ba giai đoạn để tách biệt luồng dữ liệu.

Một lập trình viên nên đọc bài này để hiểu cách Netflix xây dựng hệ thống giám sát thực thời hiệu quả, giúp phát triển ứng dụng quy mô lớn bằng cách phân tích và tối ưu hóa các mối liên kết dịch vụ, từ đó học cách thiết kế và triển khai hệ thống phân tán hiệu quả hơn.

Mercure 1.0 alpha is here

Mercure 1.0 alpha ra mắt với những cải tiến lớn nhất trong lịch sử dự án, cung cấp giao tiếp thời gian thực quan trọng thông qua Server-Sent Events (SSE) trên HTTP mà không cần SDK phía client. Bản phát hành này hiện đại hóa khả năng cốt lõi bằng cách tận dụng các tiêu chuẩn web mới.

Lập trình viên nên đọc bài này để khám phá Mercure 1.0—một giải pháp mở rộng khả năng tương tác thời gian thực trên HTTP đơn giản, giúp tối ưu hóa giao diện người dùng và hệ thống backend mà không cần phụ thuộc vào các SDK client phức tạp.

Server-Sent Events: streaming from server to browser

Server-Sent Events (SSE) là công nghệ đẩy dữ liệu từ server tới trình duyệt thông qua HTTP streaming. Bài viết giới thiệu về EventSource, Node streams và lý do các ứng dụng chat AI sử dụng SSE.

Là người phát triển cần hiểu Server-Sent Events (SSE) để tối ưu hóa giao diện ứng dụng thực thời như chat AI, cập nhật dữ liệu thời gian thực mà không cần sử dụng WebSockets phức tạp.

adam bien's blog

ZWS là một web server nhẹ triển khai bằng một file Java 25 duy nhất, sử dụng HTTP server tích hợp sẵn của JDK. Nó hỗ trợ live reload qua Server-Sent Events và WatchService, cùng cơ chế fallback routing cho SPA bằng cách phục vụ index.html khi đường dẫn không có phần mở rộng không tồn tại trên đĩa. Không phụ thuộc thư viện ngoài, không cần build, chỉ dùng Java 25 và các API web tiêu chuẩn.

Là người phát triển Java, hiểu rõ về zws sẽ giúp bạn tối ưu hóa việc phát triển ứng dụng web đơn giản, giảm thiểu bộ nhớ và công việc setup, đặc biệt khi cần hỗ trợ live reload và SPA routing mà không cần phụ thuộc vào các công cụ bên ngoài.

Server Sent Events

A practical guide to implementing Server Sent Events (SSE) in Ruby using Rack 3.0.0 middleware and htmx on the frontend. Covers the full setup including an EventSource class for streaming data, Rack middleware with proper SSE headers, htmx SSE extension for the client, Puma thread configuration for specs, and optional Falcon server support. Includes a self-contained runnable demo script and tips on session handling, Nginx compatibility, and heartbeat comments to keep connections alive.

How to Build a Reliable SSE Client in TypeScript

A deep dive into building a production-grade SSE client in TypeScript using the open source Ore library as a reference. Covers streaming raw chunks via async generators, hand-parsing the SSE spec (including edge cases like split lines, null bytes in IDs, and blank-line event boundaries), implementing reconnection with Last-Event-ID, exponential/server-controlled backoff, and integrating the async generator pattern with both React hooks and React Server Components with recursive Suspense boundaries.