Why You Should Never Embed Your Gemini API Key in Client Code (And How Firebase AI Logic Fixes It)

Git 3.0's upcoming SHA-256 default will be a costly mistake

Git 3.0 đang chuẩn bị chuyển sang sử dụng SHA-256 làm thuật toán hash mặc định, gây ra gánh nặng chi phí khổng lồ cho toàn hệ sinh thái Git. Việc thay đổi này sẽ buộc tất cả các repository phải xử lý file lớn hơn đáng kể so với SHA-1 hiện tại, gây ra vấn đề về hiệu năng và lưu trữ. Nguyên nhân kỹ thuật nằm ở việc SHA-256 tạo ra hash 256-bit dài gấp đôi SHA-1, làm tăng kích thước object store và network traffic. Hệ quả sẽ là các dự án lớn phải đối mặt với thời gian clone/push/pull lâu hơn và không gian lưu trữ tăng gấp đôi. Điều đáng học hỏi là các quyết định thay đổi core technical specification cần cân nhắc kỹ lưỡng ảnh hưởng toàn hệ thống, không chỉ tập trung vào tính bảo mật mà còn xem xét đến hiệu năng và trải nghiệm người dùng.

Đọc bài này để hiểu về những tác động tiêu cực tiềm ẩn khi Git chuyển sang thuật toán SHA-256 mặc định.

SvelteKit 3 Reaches Release Candidate, Moving Config to Vite and Retiring the $lib Alias

SvelteKit 3 đang ở giai đoạn release candidate, tập trung vào tinh chỉnh code và chuẩn bị …

Optimizing objects with null prototypes

V8 engine gặp vấn đề khi đối tượng với __proto__: null bị mắc kẹt ở dictionary mode. …

Understanding any in TypeScript

TypeScript ra đời để mang tính type-safety cho JavaScript, nhưng tồn tại kiểu any làm giảm lợi ích này. Kiểu any xuất hiện khi TypeScript không thể suy luận kiểu dữ liệu, hoặc khi chúng ta tắt strict mode trong tsconfig.json. Sử dụng any vô hiệu hóa type checking, tiềm ẩn lỗi runtime giống JavaScript thuần túy. Điều này cho thấy chúng ta cần cân nhắc giữa linh hoạt và type-safety khi làm việc với TypeScript, đồng thời nên định nghĩa kiểu dữ liệu cụ thể thay vì dùng any.

Bài viết này giúp lập trình viên TypeScript hiểu rõ cách sử dụng kiểu 'any' để tránh suy giảm lợi ích của việc kiểm tra kiểu.

How to Use the Fullscreen API in JavaScript (and Keep the Screen Awake with the Wake Lock API)

Các nhà phát triển front-end thường nhận yêu cầu triển khai chế độ fullscreen cho ứng dụng như slide deck, video player hoặc game. Để đạt được điều này, bạn có thể sử dụng Fullscreen API trong JavaScript, cung cấp phương thức element.requestFullscreen() để kích hoạt chế độ toàn màn hình. Vấn đề phát sinh khi thiết bị tự động tắt màn hình, cần sử dụng Wake Lock API với phương thức navigator.wakeLock.request() để ngăn điều này xảy ra. Hai API này kết hợp tạo giải pháp hoàn chỉnh cho trải nghiệm fullscreen ổn định, đặc biệt hữu ích cho các ứng dụng cần màn hình luôn bật như lớp học trực tuyến hoặc trạm giám sát.

Bài viết hướng dẫn bạn triển khai tính năng toàn màn hình và giữ màn hình luôn sáng với JavaScript API cho các ứng dụng đa dạng.

pnpm 12.9.0

pnpm 12.9.0 tích hợp hoàn toàn với StackBlitz WebContainers, giúp cải thiện hiệu năng khi chạy môi trường phát triển. Phiên bản này giới thiệu cài đặt networkConcurrency cho từng registry, tối ưu tốc độ tải xuống packages từ nhiều nguồn khác nhau. Hệ quả là pnpm giờ đây ghi nhận mọi project đã cài đặt vào store, giúp quản lý không gian lưu trữ hiệu quả hơn. Bài viết còn đề cập đến fix bảo mật cho lệnh pnpm login, một điểm quan trọng mà các lập trình viên nên chú ý.

Bản cập nhật pnpm 12.9.0 mang lại những cải tiến quan trọng về hiệu năng, bảo mật và khả năng quản lý gói.

I got targeted: Trying to get your credentials via a git post-checkout hook

Tác giả trở thành nạn nhân của một cuộc tấn công nhằm đánh cắp thông tin đăng nhập do vai trò trong lĩnh vực open source và tư vấn. Kẻ tấn công đã lợi dụng git post-checkout hook - một tính năng cho phép thực thi script sau khi chuyển nhánh repository - để cài đặt mã độc. Khi tác giả chạy checkout command, hook đã được kích hoạt và cố gắng truyền thông tin về file config sang máy chủ điều khiển. Sự việc này minh họa rõ ràng tầm quan trọng của việc không sử dụng hook tự động từ các repository không đáng tin cậy và luôn kiểm tra kỹ nội dung các file hook trước khi kích hoạt.

Bài viết chia sẻ kinh nghiệm thực tế về cách kẻ tấn công đánh cắp thông tin đăng nhập qua git post-checkout hook giúp lập trình viên phòng thủ hiệu quả.

React for Vue Developers, 2: State, Effects, Re-renders

React 19 render lại toàn bộ component function khi có thay đổi, khác biệt cơ bản so với Vue 3 theo dõi dependencies và update tại chỗ. Trong React, mỗi khi state thay đổi, component sẽ được thực thi lại hoàn toàn, dẫn đến việc effects sẽ chạy lại. React cung cấp useMemo/useCallback để tối ưu hóa việc tái tạo lại các giá trị và hàm, tương tự tính toán memoized trong Vue. Hiểu rõ lifecycle hooks và cơ chế render của React giúp chuyển đổi từ Vue một cách hiệu quả, đặc biệt khi làm việc với các dự án lớn cần quản lý state phức tạp.

Bài viết này giúp lập trình viên chuyển đổi từ Vue sang React hiểu rõ cách React xử lý state, effects và re-render khác biệt với Vue dependency tracking.