Pagination and Infinite Queries with TanStack Query in Vue

Issue #795: The coding challenge you don't want to pass — JavaScript Weekly

Bài viết giới thiệu Issue #795 của JavaScript Weekly, tập trung vào một thử thách lập trình khó nhằn trong JavaScript mà các nhà phát triển không mong muốn vượt qua.

Một lập trình viên nên đọc bài này để khám phá những thách thức thực tế trong lập trình JavaScript mà nhiều người thường bỏ qua, giúp cải thiện kỹ năng giải quyết vấn đề và tránh những lỗi phổ biến trong các dự án thực tế.

The Hidden Cost of immediate: true in Nuxt's useAsyncData

Việc sử dụng immediate: true trong useAsyncData của Nuxt có thể gây ra chi phí ẩn khi nhiều component cùng kích hoạt nhiều API call không cần thiết, thay vì chỉ gọi một lần như mong đợi.

Lập trình viên nên đọc bài này để tránh tình trạng tăng gấp đôi chi phí API và hiệu suất trang khi không biết cách tối ưu immediate: true trong useAsyncData của Nuxt.js.

Optimistic Updates with TanStack Query in Vue

Cập nhật lạc quan (optimistic updates) trong Vue giúp giao diện phản hồi tức thì dù không cải thiện hiệu năng. Bài viết hướng dẫn cách triển khai và thời điểm sử dụng kỹ thuật này.

Lập trình viên nên đọc bài này để hiểu cách áp dụng optimistic updates trong Vue với TanStack Query để cải thiện trải nghiệm người dùng ngay lập tức mà không cần lo lắng về hiệu suất thực tế.

Nuxt 4 Notes with AppWrite

A hands-on tutorial for building a to-do app using Nuxt 4 and Appwrite, covering project setup, environment configuration, Appwrite's new TablesDB class, authentication (login/register/logout), and CRUD operations for notes with optimistic UI updates. Includes a GitHub repo for reference.

How I Set Up CI/CD for a Full-Stack App Using GitHub Actions and Shared Hosting

A step-by-step walkthrough of setting up a CI/CD pipeline for a full-stack app (Vue/Vite frontend + Node.js/Express/TypeScript backend + MySQL) deployed to shared hosting via DirectAdmin, CloudLinux, and Node.js Selector. Covers GitHub Actions workflows for both frontend and backend, SSH deployment using rsync, Passenger configuration for the API subdomain, environment variable and secret management, and common troubleshooting scenarios like 404 on page reload, missing modules, and database connection failures.

Handling Mutations with TanStack Query for Vue

A practical guide to handling mutations with TanStack Query in Vue. Covers the useMutation composable, the difference between mutate and mutateAsync, lifecycle callbacks (onSuccess, onError, onSettled), query invalidation with invalidateQueries to keep the UI in sync after server changes, and an overview of optimistic updates with the onMutate callback. Includes advice on when to use each approach in real-world CRUD applications.