Oxc Is Getting Serious: Can Rust Replace More of the JavaScript Toolchain? : fireup.pro

Saving another 100TB of RAM with math (and Rust)

Cloudflare đã giảm thành công việc sử dụng RAM lên đến 100TB cho dịch vụ dựa trên Pingora bằng cách áp dụng thống kê. Nguyên nhân kỹ thuật nằm ở việc tối ưu hóa việc lưu trữ trạng thái trong các cây nhị phân (binary trees) mà không làm giảm độ chính xác. Hệ quả là việc sử dụng RAM giảm xuống còn 25%, giải phóng tài nguyên đáng kể cho hệ thống. Bài viết đáng học ở chỗ cho thấy cách áp dụng toán học và Rust để giải quyết vấn đề hiệu suất mà không cần thay đổi logic nghiệp vụ.

Bài viết này tiết lộ phương pháp thống kê thú vị giúp giảm đáng kể lượng RAM sử dụng trong hệ thống mạng lớn của Cloudflare.

ESLint v10.11.0 released

ESLint phiên bản 10.11.0 đã được phát hành, đây là công cụ linting có khả năng mở rộng và cấu hình để phát hiện và báo cáo các mẫu mã trong JavaScript. Phiên bản mới này tập trung vào cải thiện hiệu suất và trải nghiệm người dùng với các tính năng mới như auto-fix cho nhiều quy tắc phổ biến. ESLint giúp duy trì chất lượng code một cách dễ dàng nhờ hệ thống quy tắc linh hoạt và khả năng tùy chỉnh cao. Với hơn 50 quy tắc tích hợp sẵn và hỗ trợ plugins từ cộng đồng, ESLint trở thành công cụ không thể thiếu cho các dự án JavaScript quy mô lớn.

Lập trình viên nên đọc bài này để cập nhật các tính năng mới và cải tiến trong ESLint v10.11.0 giúp nâng cao chất lượng code JavaScript.

AI Is Already Better at Coding Than Most Software Developers

Bối cảnh của bài viết là cuộc tranh luận về AI thay thế lập trình viên trong ngành công nghệ. Nguyên nhân kỹ thuật là các mô hình AI như GPT-4 đã đạt được khả năng code tự động vượt trội, có thể giải quyết các bài toán algorithm phức tạp trong thời gian ngắn. Hệ quả là nhiều công ty công nghệ đã bắt đầu giảm tuyển dụng lập trình viên thông thường và đầu tư vào các giải pháp AI để tối ưu hóa chi phí và tăng tốc độ phát triển. Điều đáng học là các nhà phát triển nên tập trung vào kỹ năng thiết kế hệ thống, quản lý dự án và tư duy chiến lược thay vì chỉ tập trung vào viết code thủ công.

Bài viết giúp lập trình viên hiểu rằng giá trị thực sự của phần mềm không nằm ở kỹ năng code thông thường mà ở khả năng giải quyết vấn đề sáng tạo.

How to Build a Bulk Image Compressor Tool with HTML, CSS, and JavaScript

Các trang web có hình ảnh độ phân giải cao thường gặp vấn đề về tốc độ tải trang và tiêu tốn nhiều dung lượng lưu trữ. Bài hướng dẫn xây dựng công cụ nén ảnh batch client-side sử dụng HTML, CSS và JavaScript, giải quyết vấn đề nén hình ảnh ngay trên trình duyệt mà không cần server. Công cụ này hỗ trợ nhiều định dạng ảnh phổ biến như JPEG, PNG và WebP, với tỷ lệ nén có thể đạt tới 70% mà vẫn giữ được chất lượng chấp nhận được. Việc triển khai giải pháp client-side giúp giảm tải server, tiết kiệm băng thông và tăng trải nghiệm người dùng cuối.

Bài viết hướng dẫn cách xây dựng công cụ nén ảnh hàng loạt ngay trên trình duyệt giúp tối ưu hóa hiệu năng trang web mà không cần server.

Slint 1.18 Released

Slint 1.18 mang đến nhiều cải thiện chất lượng sống với compiler nhẹ hơn, tạo ra binary …

Bun v1.4.2

Bản phát hành Bun v1.4.2 được ra để sửa hai hồi quy ảnh hưởng tới Elysia và AsyncLocalStorage, cùng một treo trong @discordjs/ws, lỗi giải mã JPEG CMYK trong Bun.Image, một trường hợp crash JIT hiếm và một lỗi GC trên hệ thống musl. Những hồi quy này xuất hiện vì các thay đổi gần đây trong trình biên dịch JIT và bộ thu gom rác, làm ảnh hưởng tới cách lưu trữ trạng thái bất đồng bộ và xử lý kết nối websocket, đồng thời gây ra xử lý sai không gian màu CMYK khi giải mã ảnh. Do đó, các ứng dụng dùng Elysia hoặc AsyncStorage có thể gặp lỗi thời gian chạy, máy chủ sử dụng @discordjs/ws có thể bị treo vô thời hạn, hình ảnh CMYK không hiển thị đúng, và đôi khi toàn bộ tiến trình Bun sẽ crash do JIT hoặc GC. Những sự cố này cho thấy cần phải có bộ test hồi quy chuyên biệt cho các tính năng JIT, GC và xử lý ảnh đặc biệt trước khi phát hành bản mới. Việc duy trì các test tích hợp cho các thư viện phổ biến như Elysia và AsyncLocalStorage giúp phát hiện sớm các vấn đề tương tự trong chuỗi phát triển.

Lập trình viên cần đọc về Bun v1.4.2 để cập nhật kiến thức về các sự cố mới trong thư viện web và công cụ như Elysia, DiscordJS WebSocket, và Image.JS, giúp tránh lỗi trong dự án khi sử dụng phiên bản cũ.

React Hooks Internally: How useState, useEffect & Other Hooks Actually Work

React Hooks trông đơn giản nhưng bên trong phải xử lý nhiều phức tạp. useState hoạt động qua một data structure gọi là linked list trong Fiber tree. useEffect sử dụng linked list riêng để theo d dependencies và avoid unnecessary re-renders. Hooks thay thế class-based components bằng cơ chế "call order" và "closure" để giữ state giữa renders. Hiểu implementation giúp tối ưu performance và avoid pitfalls như rules of Hooks.

Bài viết giải thích cách hoạt động bên trong của React Hooks giúp lập trình viên hiểu sâu và sử dụng chúng hiệu quả hơn.

Esoteric HTML - ismap vs CSS

HTML có các thuộc tính lỗi thời như ismap từ thời kỳ ban đầu khi chưa có CSS. …