JavaScript Weekly Issue #802: Functional programming jargon, mapped out
Source: https://javascriptweekly.com/issues/802. 8 Sync News only summarizes and links out; content copyright belongs to the authors and original sources.
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.
Đang tải bình luận…
Spec-driven development cho AI coding agents đang trở thành xu hướng quan trọng để ngăn chặn architectural drift. Bài viết đề xuất sử dụng machine-readable architectural contracts, AST linters và test boundaries như một cơ chế tự động kiểm tra. Phương pháp này giúp phát hiện sớm các vi phạm quy tắc thiết kế trong khi AI agent sinh ra code. Các công cụ như AST linters có thể tùy chỉnh để kiểm tra đặc tả kỹ thuật cụ thể. Đây là giải pháp thiết thực cho các team muốn duy trì chất lượng code khi làm việc với AI coding agents.
Spec-driven development giúp lập trình viên kiểm soát chất lượng code bằng cách thi hành các hợp đồng kiến trúc có thể đọc được cho agent AI.
React 19.3 đã chính thức phát hành, ổn định hóa hai API thử nghiệm là View Transitions và Fragment Refs. Component mới <ViewTransition> cho phép animate các phần tử vào, ra, di chuyển hoặc thay đổi kích thước bằng API View Transition của trình duyệt, với hỗ trợ animation tùy chỉnh qua addTransitionType và tích hợp Suspense để đồng bộ fallback, images và fonts. Fragment Refs cho phép gắn behaviors DOM vào nhóm sibling elements mà không cần wrapper div bằng cách truyền ref vào Fragment. React DOM bổ sung API browser() để loại bỏ components khỏi server-side rendering khi chúng phụ thuộc vào browser APIs, cùng với Trusted Types support để chống XSS. Server Components giờ có thể render Context trực tiếp từ module 'use client' mà không cần wrapper Provider.
React 19.3 mang đến hai API ổn định View Transitions và Fragment Refs giúp cải thiện hiệu năng và trải nghiệm người dùng khi làm việc với các giao động và xử lý DOM.
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.
Trong bối cảnh AI coding-agent ngày càng phổ biến, các pull request tự động tiềm ẩn rủi ro bảo mật. Nguyên nhân kỹ thuật là AI có thể tạo ra code chứa prototype pollution trong AST, rò rỉ secret hoặc cho phép unsafe egress. Hệ quả là mã nguồn có thể bị thao túng, dữ liệu nhạy cảm bị lộ lọt hoặc ứng dụng bị tấn công từ xa. Bài trình bày một CI/CD audit harness sử dụng GitHub Actions để kiểm tra trước khi merge, với các công cụ tĩnh phân tích AST. Điều đáng học là cách kết hợp static analysis với quy trình CI/CD để phát hiện lỗ hổng bảo mật do AI tạo ra một cách tự động.
Bài viết giúp lập trình viên xây dựng hệ thống kiểm tra tự động bảo mật cho pull request do AI tạo ra trên GitHub Actions, ngăn chặn các lỗ hổng prototype pollution, rò rỉ bí mật và kết nối không an toàn.
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 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.
Node.js 26.8.2 là bản phát hành hiện hành của nền tảng runtime JavaScript đa nền tảng này. Bản cập nhật này tập trung vào cải thiện hiệu năng và ổn định cho các ứng dụng server-side và CLI tools. Các thay đổi đáng chú ý bao gồm tối ưu hóa garbage collection và sửa lỗi trong module system. Nếu bạn đang làm việc với dự án Node.js, việc cập nhật lên phiên bản 26.8.2 sẽ mang lại lợi ích về hiệu năng và bảo mật cho ứng dụng của mình.
Bài viết này cung cấp thông tin cập nhật và đầy đủ về phiên bản Node.js 26.8.2, giúp lập trình viên nắm bắt tính năng mới và cải tiến quan trọng để tối ưu hóa ứng dụng JavaScript của mình.
Read the news here, practice coding, follow structured courses and train for IELTS on our sibling products — all connected through one 8 Sync account.
The ecosystem home: product overviews, blog and full pricing.
ExploreLearn along a clear roadmap: videos, auto-graded quizzes, certificates and mentors who ship for a living.
View the roadmap1,000+ DSA problems in Vietnamese, auto-graded across 7 languages — many FREE, right in your browser.
Practice for freeAI grading for all four IELTS skills with detailed rubric feedback.
Try it freeA 22 MB AI IDE for Vietnamese devs.
Download freeOrganizational memory for AI agents.
ExploreAI that staffs your Fanpage and qualifies leads for you.
Try it