Hologram v0.10: Events, Middleware, and More

Locofy.ai: Build frontend 10x faster with design-to-code AI

Locofy.ai là công cụ AI chuyển đổi thiết kế Figma thành code frontend hoàn chỉnh, tập trung vào developer-first với workflow agentic qua CLI, Cursor và Claude Code. Nó đóng vai trò trung gian giữa Figma và các trợ lý coding AI (Cursor/Claude), đảm bảo độ trung thực UI và cấu trúc thiết kế.

Nếu bạn là lập trình viên Frontend muốn tiết kiệm thời gian và đảm bảo tính chính xác của UI từ thiết kế đến mã, Locofy.ai là công cụ AI mới giúp tự động hóa quá trình chuyển đổi từ Figma sang code mà không cần phụ thuộc vào các nhà thiết kế.

JavaScript Security: Simple Practices to Secure Your Frontend

Bài viết hướng dẫn các biện pháp bảo mật đơn giản cho JavaScript frontend như cập nhật dependencies thường xuyên, sử dụng security headers và xử lý đầu vào người dùng.

Lập trình viên nên đọc bài này để tránh các lỗ hổng bảo mật frontend như XSS, CSRF, hoặc tấn công từ các mã độc, từ những biện pháp đơn giản nhưng hiệu quả như bảo trì phiên bản mã nguồn và sử dụng các header bảo mật.

Hex v2.5.0 released

Hex v2.5.0, the Elixir package manager, introduces organization-defined dependency policies allowing organizations to filter package versions during resolution based on security advisories, retirement reasons, or release age. A new configurable release-age cooldown helps mitigate supply-chain attacks by withholding freshly published packages until they reach a minimum age. The release also adds security advisory warnings during deps.get/update, a new mix hex.search command for documentation search, JSON output for mix hex.outdated, and several bug fixes. Authentication deprecations signal a move toward user-based and short-lived token auth for organization repositories.

Modernizing RT Infrastructure and Observability for Supabase

SW Mansion collaborated with Supabase on two parallel engineering efforts: modernizing the Realtime.js SDK by migrating from a custom Phoenix.js fork to the canonical upstream library, and improving Logflare, Supabase's observability platform. The Realtime.js work involved building a proof of concept, creating an abstraction layer to preserve the existing API, developing a browser-based test playground, and adding React Native lifecycle hooks for reliable WebSocket reconnection. On the Logflare side, the team migrated BigQuery integration from a deprecated REST API to gRPC streaming, rebuilt the ingestion rule evaluation engine as a tree-based structure for near-logarithmic complexity, and implemented export adapters for Axiom, Last9, and OpenTelemetry Protocol.

Elixir v1.20.2 released

Elixir v1.20.2 is a patch release with one enhancement and multiple bug fixes. The enhancement adds per-module type checking times to compiler profiling output. Bug fixes address binary comprehensions with size options, compiler error messages for quote/unquote in patterns and guards, restoration of a Kernel.put_elem/3 compiler optimization, and numerous type system fixes covering empty function types, bitstring patterns, map/optional key operations, list types, protocol implementations, and struct redefinition errors. Mix also receives fixes for unnecessary umbrella recompilation and dependency recompilation on compile-time environment changes.

Stop mounting your LiveView twice

Phoenix LiveView mounts twice on first page load — once for the static HTTP dead render and again when the WebSocket connects. The common fix of guarding data loads with connected?/1 avoids double queries but breaks SEO, link previews, and no-JS fallback by leaving the dead render empty. This post explains why the double mount exists, what connected?/1 actually costs, and introduces an experimental fork that parks the dead-render socket in a short-lived GenServer and redeems it on WebSocket connect — skipping the second mount entirely. The fork adds an on_connect/1 callback for connection-only side effects (subscriptions, timers, presence) and provides migration patterns for data loads, connect params, and real-time data. The upstream Phoenix team is working on a more complete 'adoptable LiveViews' solution (issue #3551), but this fork serves as an interim stopgap.

Guards! Guards!

Trong Elixir, các hàm guard như is_map_key/2 khi thất bại (không trả về false mà gây lỗi) sẽ khiến toàn bộ biểu thức guard thất bại, bỏ qua đánh giá ngắn mạch của or sau đó. Do đó, a or b và b or a trong guard không tương đương khi a có thể gây lỗi, phá vỡ tính giao hoán mong đợi. Tính đến Elixir 1.20.1 / OTP 29, trình biên dịch không cảnh báo cho mẫu này.

Một lập trình viên nên đọc bài này để tránh lỗi không mong đợi khi điều kiện or trong guard của Elixir không hoạt động như kỳ vọng, đặc biệt khi một guard trả về lỗi thay vì false, khiến kết quả phụ thuộc vào thứ tự biểu thị.