Frontend

Nguồn: statecharts.dev Tóm tắt Statecharts (biểu đồ trạng thái phân cấp) là phần mở rộng của state machine truyền thống, cho phép tổ chức các trạng thái theo cấu trúc phân cấp và song song. Khái niệm này được David Harel giới thiệu vào năm 1987 như một giải pháp cho sự phức tạp của các hệ thống điều khiển lớn. Điểm khác biệt then chốt so với finite state machine thông thường là khả năng lồng ghép trạng thái (nested states) và xử lý đồng thời (parallel regions)....

Nguồn: Hacker News Tóm tắt Bài viết của CSSence phân loại sáu cấp độ khác nhau để triển khai dark mode trong web, từ cách tiếp cận đơn giản nhất không cần CSS cho đến các giải pháp phức tạp với JavaScript. Tác giả lấy cảm hứng từ CSS Naked Day để suy nghĩ về tại sao nhiều trang web thiếu hỗ trợ dark mode ngay cả ở mức cơ bản nhất....

Nguồn: Palantir Blog Tóm tắt Đội kỹ sư frontend của Palantir chia sẻ giải pháp kỹ thuật cho một vấn đề tưởng chừng đơn giản trong Zodiac — thư viện 3D globe tự xây dựng trên Three.js: rendering chính xác ở vùng cực. Hệ thống map tiling truyền thống (Web Mercator) chia thế giới thành các ô vuông đều nhau theo độ kinh/vĩ, nhưng khi render trên hình cầu 3D, các ô này trở thành những tam giác mỏng hội tụ ở cực, tạo ra hàng nghìn geometry không cần thiết và làm frame rate sụp đổ....

Nguồn: Bytebytego Newsletter Tóm tắt Figma đã ra mắt MCP (Model Context Protocol) server vào tháng 6/2025 để đưa design context vào các AI coding agent. Năm 2026, Figma mở rộng thêm hai workflow mới: sinh design từ các coding tool như Claude Code và Codex, và cho phép AI agent viết trực tiếp vào Figma design. Bài viết phỏng vấn team engineering của Figma để giải thích cơ chế hoạt động thực sự đằng sau các workflow này....

Nguồn: JavaScript Weekly Issue 781 Tóm tắt MDN (Mozilla Developer Network) — tài liệu tham khảo web tiêu chuẩn cho hàng triệu developer — đã rebuild toàn bộ frontend stack, từ bỏ React và chuyển sang Web Components kết hợp với một hệ thống server component tự phát triển. Quyết định này được Leo McArdle (MDN) ghi lại chi tiết, giải thích các lý do kỹ thuật và trade-off. Động lực chính là giảm lượng JavaScript không cần thiết shipped đến người dùng trên mỗi trang....