Bun: a faster JavaScript runtime

Fast, disk space efficient package manager | pnpm23 Hot7 min1 d agoAI

pnpm 11.21-11.22

pnpm 11.21 và 11.22 thay đổi cách pnpm install xử lý lockfile, cập nhật nó trực tiếp thay vì giải quyết lại toàn bộ đồ thị phụ thuộc cho hầu hết các thay đổi thường ngày. Điều này được thực hiện bằng cách tắt ghi lại SSH URLs trong lockfile, giúp tránh lỗi cài đặt trên CI khi các URL đó không thể truy cập. Đồng thời, các cài đặt toàn cầu được thực hiện nguyên tử và các cập nhật tương tác toàn cầu теперь chọn toàn bộ nhóm cài đặt, đồng thời thêm lệnh pnpm cache path để truy cập nhanh vào thư mục cache. Tuy nhiên, bản cập nhật cũng loại bỏ khả năng di chuyển trạng thái máy của pnpm qua pnpm-workspace.yaml, giới hạn sự linh hoạt trong cấu hình workspace. Từ những thay đổi này, lập trình viên nên lưu ý đến chiến lược quản lý lockfile, tránh sử dụng SSH URLs trong môi trường CI và cân nhắc tác động của việc không thể di chuyển trạng thái máy khi thiết kế workspace.

Bài viết này giúp bạn hiểu những cải tiến quan trọng trong pnpm 11.21-11.22, từ tối ưu hóa hiệu suất cài đặt đến tăng cường độ ổn định cho môi trường CI.

#nodejs #cicd #pnpm Source

The Infinity181 Hot16 min12 d agoAI

WebSocket vs SSE vs Long Polling: The Real Cost of 1,000 Events

Bài viết so sánh chi phí thực tế giữa WebSocket, SSE và Long Polling qua các số liệu đo lường như dung lượng dữ liệu truyền tải trên dây (wire bytes) cho mỗi sự kiện, độ trễ ở vòng lặp 50 ms, và tác động của HTTP/2 lên từng phương thức.

Một lập trình viên nên đọc bài này để hiểu rõ cách chọn giữa WebSocket, SSE và Long Polling khi cần tối ưu hóa hiệu suất mạng, giảm chi phí băng thông và latency trong ứng dụng thực tế với hàng ngàn sự kiện.

#nodejs #websocket #server-sent-events Source

SitePoint1 Hot14 min19 h agoAI

Designing Ephemeral Video Chat Sessions with WebRTC and JavaScript

Bài viết mô tả cách xây dựng phiên trò chuyện video tạm thời trên trình duyệt bằng WebRTC, WebSockets và Node.js, với mục tiêu giảm thiểu dữ liệu lưu trữ sau khi cuộc gọi kết thúc. Nó giải thích việc tách luồng média ra khỏi kênh tín hiệu, yêu cầu quyền truy cập camera/mic chỉ khi người dùng thực hiện hành động, và sử dụng máy chủ để ghép phiên dựa trên thông báo qua WebSocket. Khi thiết lập kết nối peer‑to‑peer, bài viết chi tiết quá trình trao đổi SDP offer/answer và ứng viên ICE, lý do STUN thường không đủ và cần TURN làm phương án dự phòng để vượt qua NAT/firewall. Các phiên được mô hình như máy trạng thái rõ ràng, đảm bảo việc ngắt kết nối đúng cách bao gồm đóng RTCPeerConnection, dừng các MediaTrack và xóa trạng thái phiên ở phía server để tránh rò rỉ tài nguyên. Ngoài ra, bài viết đề xuất thêm các hook kiểm duyệt, giám sát trạng thái kết nối và deliberately test các đường dẫn lỗi (mất ICE, thất bại TURN) để nâng cao độ ổn định và bảo mật của hệ thống chat video tạm thời.

Bài viết này giúp bạn nắm vững cách xây dựng hệ thống video chat an toàn, hiệu quả bằng cách giải quyết các vấn đề kỹ thuật phức tạp trong giao tiếp WebRTC.

#webdev #javascript #nodejs Source

webpack2 Hot12 min1 d agoAI

webpack

webpack ra đời như một công cụ module bundler để giải quyết vấn đề quản lý phụ thuộc trong các dự án front‑end phức tạp. Nguyên nhân kỹ thuật của nó là phân tích đồ thị phụ thuộc của các file JavaScript (và qua loader, các tài nguyên khác như CSS, hình ảnh) rồi tạo ra một hoặc nhiều bundle tối ưu để chạy trên trình duyệt. Hệ quả là các nhà phát triển có thể viết mã theo chuẩn ES modules hoặc CommonJS mà không lo về sự tương thích của trình duyệt, đồng thời giảm số lượng request HTTP và kích thước tải nhờ các tính năng như code splitting và tree shaking. Điều đáng học là việc hiểu cách cấu hình entry, output, loader và plugin giúp bạn tùy chỉnh quy trình build linh hoạt, tối ưu hiệu suất và dễ dàng tích hợp các công nghệ mới như TypeScript, React hoặc Sass. Nếu bạn đang cân nhắc đọc bài gốc, lưu ý rằng bài sẽ đi sâu hơn vào ví dụ cấu hình thực tế và các mẹo nâng cao như module federation hoặc caching lâu dài.

Đọc bài này giúp bạn hiểu cách webpack tối ưu hóa việc quản lý và đóng gói tài nguyên trong dự án web.

#javascript #css #webpack Source

Svelte Blog70 Hot6 min11 d agoAI

The SvelteKit 3 Release Candidate is here

Bản phát hành ứng viên SvelteKit 3 đã được ra mắt với nhiều cải tiến và loại bỏ những phần không cần thiết.

Một lập trình viên nên đọc bài này để khám phá những cải tiến mới trong SvelteKit 3, giúp phát triển ứng dụng web nhanh hơn và đơn giản hơn với các tính năng hiện đại như tích hợp tự động, quản lý trạng thái tiên tiến và hỗ trợ cho các công nghệ tương lai.

#webdev #typescript #svelte Source

InfoQ52 Hot4 min10 d agoAI

npm 12 Released: Install Scripts Off by Default as Registry Moves to Explicit Trust

npm 12 mặc định tắt cài đặt scripts trong quá trình cài đặt package, buộc người dùng phải cho phép rõ ràng khi chạy scripts. Thay đổi này nhằm tăng cường bảo mật khi registry npm chuyển sang mô hình tin cậy minh bạch.

Lập trình viên nên đọc bài này vì npm 12 thay đổi cơ chế bảo mật bằng cách cắt bỏ mặc định quyền chạy script từ các gói npm, giúp giảm rủi ro từ các cuộc tấn công thông qua các lệnh tự động chạy trong dự án.

#security #javascript #nodejs Source

Medium48 Hot6 min9 d agoAI

Mastering Parallel Data Fetching in Next.js: Combining Suspense, Promise.all, and Promise.allSettled

Bài viết hướng dẫn cách tối ưu hóa việc lấy dữ liệu song song trong Next.js bằng cách kết hợp Suspense, Promise.all và Promise.allSettled nhằm tránh tình trạng loading kéo dài.

Nếu bạn muốn tối ưu hóa hiệu suất ứng dụng Next.js bằng cách xử lý tải dữ liệu song song một cách hiệu quả và tránh tình trạng chặn UI với các spinner không dứt, bài viết này sẽ cung cấp cách kết hợp Suspense, Promise.all và Promise.allSettled để giải quyết vấn đề.

#javascript #react #nextjs Source

CSS-Tricks65 Hot41 min12 d agoAI

Blocked aria-hidden: The Warning is Right, and Every Fix You’ve Found is Wrong

Cảnh báo về aria-hidden bị chặn là đúng, nhưng hầu hết các cách khắc phục bạn tìm thấy đều sai. Bài viết hướng dẫn cách sửa lỗi này đúng cách.

Lập trình viên nên đọc bài này để tránh những lỗi phổ biến và sai lầm trong cách xử lý thuộc tính aria-hidden trong HTML, giúp cải thiện tính khả dụng (accessibility) của ứng dụng mà không gây ra những vấn đề kỹ thuật không mong muốn.

#javascript #react #accessibility Source

Bun: a faster JavaScript runtime

What do you remember?

Recommended for you

Bình luận

pnpm 11.21-11.22

WebSocket vs SSE vs Long Polling: The Real Cost of 1,000 Events

Designing Ephemeral Video Chat Sessions with WebRTC and JavaScript

webpack

The SvelteKit 3 Release Candidate is here

npm 12 Released: Install Scripts Off by Default as Registry Moves to Explicit Trust

Mastering Parallel Data Fetching in Next.js: Combining Suspense, Promise.all, and Promise.allSettled

Blocked aria-hidden: The Warning is Right, and Every Fix You’ve Found is Wrong

One account, the whole ecosystem

8syncdev.com

Courses

Coding practice

IELTS

ZUS — AI IDE

mind0

AcoLeads