The Golden Switch, or migrating from Gatsby to Astro in under 9¾ days—Martian Chronicles, Evil Martians’ team blog

Is Minifying CSS Necessary? (2023)

Trong bối cảnh tối ưu hóa website, việc minifying CSS từng được coi là bắt buộc. …

Peers, Not Rivals: A Two-Way Street Between Claude Code and Codex

Bối cảnh của bài viết là việc xây dựng cây cầu nối giữa hai công cụ lập trình lớn nhất trên máy tính: Claude Code và Codex. Nguyên nhân kỹ thuật chính là việc phát triển một transport cho phép hai hệ thống trao đổi dữ liệu hai chiều hiệu quả. Hệ quả là các lập trình viên có thể tận dụng sức mạnh từ cả hai nền tảng mà không cần phải chuyển đổi giữa chúng liên tục. Bài viết cung cấp bài giá trị về cách thiết kế giao tiếp giữa các hệ thống AI code assistant khác nhau, cho thấy tầm quan trọng của việc tương thích thay vì cạnh tranh. Các kỹ thuật được đề cập có thể giúp cải thiện hiệu quả làm việc khi sử dụng nhiều công cụ AI đồng thời.

Bài này giúp bạn hiểu cách tối ưu hóa công cụ lập trình bằng cách tận dụng điểm mạnh của cả Claude Code lẫn Codex.

I still like writing websites by hand

Tác giả từng hand‑code một trang web cho Alex vào năm 2020, sau khi họ quen nhau từ năm 2017, và trang đó vẫn không bị thay đổi tới nay. Ông chọn viết bằng HTML thuần, CSS và vanilla JavaScript, không dùng bất kỳ framework hoặc công cụ build nào, nhằm tối ưu độ đơn giản và khả năng duy trì lâu dài. Sau hơn ba năm, trang web vẫn hoạt động ổn định mà không cần cập nhật, cho thấy việc tránh phụ thuộc vào thư viện bên thứ ba giảm thiểu rủi ro lỗi và công việc bảo trì. Điều này cho thấy khi mục tiêu là một trang web tĩnh thay đổi hiếm, việc hand‑code giúp kiểm soát hoàn toàn mã nguồn, giảm kích thước tải và dễ dàng di chuyển giữa các host. Bài viết nhắc nhở lập trình viên cân nhắc trade‑off giữa tốc độ phát triển bằng framework và lợi ích lâu dài của mã nguồn hand‑written, đặc biệt cho các dự án có thời gian sống dài.

Bài viết này giúp bạn hiểu được giá trị của việc viết website thủ công trong kỷ nguyên framework hiện đại.

September 2026 - cn

Trước đây mỗi component thường phải import hàm cn từ hai gói khác nhau và đồng thời duy trì một hàm helper cục bộ để xử lý lớp CSS. Từ tháng 9/2026, các component được sửa đổi để import trực tiếp hàm cn từ gói cn duy nhất. Thay đổi này giảm số lượng dependency xuống một và loại bỏ hoàn toàn helper cục bộ. Việc đơn giản hoá giúp giảm thời gian cài đặt, giảm nguy cơ phiên bản không khớp và làm sạch mã nguồn. Điểm học được là khi có một gói cung cấp đầy đủ tính năng cần thiết, việc tập trung dependency và loại bỏ mã phụ trợ không cần thiết sẽ cải thiện độ ổn định và dễ bảo trì của dự án.

Bài viết giúp bạn tối ưu hóa việc quản lý dependencies trong các component bằng cách thay thế hai thư viện bằng một gói cn duy nhất.

Astro 7.3

Astro 7.3 ra mắt với một số cải tiến nhỏ nhưng hữu ích cho quá trình phát triển và triển khai. Lệnh astro preview giờ có tùy chọn --ignore-lock cho phép bỏ qua kiểm tra file lock khi khởi động server preview. Ngoài ra, bản cập nhật truyền logger thời gian chạy của Astro vào các dịch vụ hình ảnh tùy chỉnh và các provider cache, giúp developer dễ dàng ghi log và debug. Đối với người dùng Cloudflare, Astro cung cấp hàm finalize() để gọi trong entrypoint worker tùy chỉnh, đơn giản hoá việc dọn dẹp tài nguyên sau khi request xử lý xong. Những thay đổi này cho thấy Astro tập trung vào việc tăng tính linh hoạt và khả năng mở rộng mà không làm thay đổi cấu trúc cốt lõi của framework.

Astro 7.3 mang lại các tính năng hữu ích cho nhà phát triển như cờ ignore-lock, logger runtime cho dịch vụ hình tùy chỉnh và hàm finalize() cho endpoint Cloudflare worker.

Free domain with Pro offer now includes .app and .dev

Trước đây, gói Pro chỉ bao gồm một số miền top-level nhất định khi miễn phí domain trong năm đầu. Nhà cung cấp đã mở rộng danh sách các TLD đủ điều kiện để bao gồm .app và .dev, hai miền phổ biến cho ứng dụng và phát triển. Với sự thay đổi này, tổng số TLD miễn phí tăng lên tám, và mỗi đội ngũ Pro có quyền yêu cầu một miền miễn phí trong năm đầu. Khi đánh giá gói Pro, các nhà phát triển nên kiểm tra kỹ danh sách TLD miễn phí có sẵn để tối ưu chi phí dự án. Ngoài ra, việc chọn .app hoặc .dev có thể giúp truyền đạt rõ ràng về mục đích của sản phẩm ngay từ tên miền.

Lập trình viên nên đọc bài này để biết cách đăng ký tên miền .app hoặc .dev miễn phí với dịch vụ Pro của công ty, giúp tiết kiệm chi phí và tạo ra địa chỉ web chuyên nghiệp cho dự án cá nhân hoặc công việc chuyên nghiệp.

Practical Loop Engineering

Bài viết bắt đầu bằng việc đặt ra mục tiêu của việc thiết kế vòng lặp trong hệ thống phần mềm hiệu suất cao. Nó phân tích nguyên nhân kỹ thuật khi các vòng lặp được viết mà không tính đến truy cập bộ nhớ, dự đoán nhánh và chi phí gọi hàm, dẫn đến sự suy giảm throughput lên tới hàng chục phần trăm trên các nền tảng như x86-64 hoặc ARM. Hệ quả là không chỉ lãng phí tài nguyên CPU mà còn làm tăng độ phức tạp bảo trì khi đội phát triển phải dựa vào giả định thay vì đo lường thực tế. Bài viết nhấn mạnh kỷ luật không ủy phán quyết định cho công cụ hoặc thư viện mà tự mình đo lường, profile và điều chỉnh dựa trên dữ liệu thực nghiệm. Điều đáng học là áp dụng quy trình lặp lại: định nghĩa mục tiêu, đo lường baseline, thay đổi một biến mỗi lần và xác nhận cải thiện trước khi tiếp tục, giúp vòng lặp trở thành một thành phần có thể dự đoán và mở rộng.

Bài viết giúp lập trình viên nắm vững kỹ thuật thiết kế vòng lặp hiệu quả và phát triển tư duy phản biện khi giải quyết vấn đề.

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.