Tagged articles
14 articles
Page 1 of 1
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Sep 16, 2025 · Frontend Development

Pinia + This Plugin: An Unbeatable Combo

Pinia Colada adds a smart data‑fetching layer to Vue's Pinia, eliminating boilerplate for loading, error, retry, caching and optimistic updates, offering a tiny ~2 kB bundle, seamless DevTools integration, SSR support, and a clear advantage over TanStack Query for pure Vue projects.

Data FetchingOptimistic UpdatesPinia Colada
0 likes · 8 min read
Pinia + This Plugin: An Unbeatable Combo
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Aug 27, 2025 · Frontend Development

How to Supercharge Axios in Vue 3 with TanStack Query

This article explains how TanStack Query Vue transforms the plain Axios HTTP client into a full‑featured data layer for Vue 3, offering built‑in caching, pagination, request cancellation, optimistic updates, and devtools, with concrete code examples and side‑by‑side comparisons to pure Axios usage.

Data FetchingTanStack QueryVue3
0 likes · 8 min read
How to Supercharge Axios in Vue 3 with TanStack Query
Code Mala Tang
Code Mala Tang
Jul 12, 2025 · Frontend Development

Master Data Fetching in React with TanStack Query: From Simple Queries to Optimistic Updates

This guide walks you through using TanStack Query in React, covering simple queries, custom hooks, selectors, dependent queries, pagination, infinite scrolling, query key factories, mutations, query invalidation, conditional fetching, optimistic updates, and global error handling with Suspense, all illustrated with clear code examples.

CacheData FetchingOptimistic Update
0 likes · 7 min read
Master Data Fetching in React with TanStack Query: From Simple Queries to Optimistic Updates
IT Services Circle
IT Services Circle
Jan 26, 2024 · Frontend Development

Introducing React v19: New Experimental Hooks for Data Fetching and Forms

React’s upcoming v19 release introduces four experimental hooks—use, useOptimistic, useFormState, and useFormStatus—focused on simplifying data fetching and form handling, allowing developers to read promises or context directly, perform optimistic UI updates, and manage form state and submission status within React components.

Data FetchingFormsOptimistic UI
0 likes · 10 min read
Introducing React v19: New Experimental Hooks for Data Fetching and Forms
Top Architect
Top Architect
Mar 6, 2023 · Backend Development

An Introduction to GraphQL: Concepts, Benefits, and Implementation Strategies

This article explains the limitations of REST APIs, introduces GraphQL as a flexible alternative, details its core concepts such as schema, types, queries, mutations and subscriptions, and outlines various architectural patterns and tooling for integrating GraphQL into existing backend systems.

APIBackendData Fetching
0 likes · 16 min read
An Introduction to GraphQL: Concepts, Benefits, and Implementation Strategies
MaGe Linux Operations
MaGe Linux Operations
Feb 13, 2023 · Backend Development

Why GraphQL Is the Modern Solution to REST’s API Challenges

The article explains how REST, despite its 20‑year popularity and simplicity, suffers from redundancy, coarse granularity and maintenance overhead, and shows how GraphQL’s declarative, schema‑driven approach, single endpoint and flexible data fetching address these problems while offering a versatile integration architecture and rich ecosystem.

Backend DevelopmentData FetchingGraphQL
0 likes · 16 min read
Why GraphQL Is the Modern Solution to REST’s API Challenges
KooFE Frontend Team
KooFE Frontend Team
Nov 10, 2022 · Frontend Development

How to Prevent Race Conditions When Fetching Data in React

This article explains why asynchronous data fetching in React can cause race conditions that lead to flickering or mismatched content, and presents several practical solutions—including component remounting, data validation, cleanup effects, and request cancellation—to ensure reliable UI updates.

AbortControllerData Fetchingrace condition
0 likes · 16 min read
How to Prevent Race Conditions When Fetching Data in React
KooFE Frontend Team
KooFE Frontend Team
Oct 16, 2022 · Frontend Development

How to Optimize Data Fetching in React for Better Performance

Learn how to optimize data fetching in React by understanding initial vs on‑demand requests, avoiding waterfall patterns, leveraging Promise.all, parallel promises, data providers, and browser limits, while applying best practices for useEffect, lifecycle handling, and performance‑focused component design.

Data FetchingPromise.allReact
0 likes · 26 min read
How to Optimize Data Fetching in React for Better Performance
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
May 16, 2022 · Frontend Development

How to Prevent Race Conditions in React Data Fetching

This article explains what race conditions are in front‑end web development, demonstrates the issue with a React demo fetching articles, and walks through step‑by‑step solutions using custom hooks, useEffect cleanup, and AbortController to safely cancel outdated requests and avoid stale data rendering.

AbortControllerCustom HookData Fetching
0 likes · 10 min read
How to Prevent Race Conditions in React Data Fetching
ByteDance ADFE Team
ByteDance ADFE Team
Mar 24, 2022 · Frontend Development

Understanding SWR: Stale‑While‑Revalidate Data Fetching in React

This article explains the SWR library—a lightweight React hook that implements the stale‑while‑revalidate caching strategy—covering its core concepts, basic usage, advanced features like global configuration and middleware, and an overview of its internal implementation.

Data FetchingReactSWR
0 likes · 15 min read
Understanding SWR: Stale‑While‑Revalidate Data Fetching in React
Alibaba Terminal Technology
Alibaba Terminal Technology
May 11, 2021 · Frontend Development

How Hook-Based Request Libraries Simplify Data Fetching in Modern Frontend Apps

This article examines the evolution of frontend request libraries—from jQuery Ajax to modern hook-based solutions like useRequest, SWR, and react-query—highlighting their simplified loading state handling, cache mechanisms, refetching, and mutate features, and comparing their design differences with class components.

Data FetchingReactSWR
0 likes · 10 min read
How Hook-Based Request Libraries Simplify Data Fetching in Modern Frontend Apps
Top Architect
Top Architect
Apr 29, 2021 · Backend Development

An Introduction to GraphQL: Concepts, Benefits, and Architectural Patterns

This article explains the origins and limitations of REST APIs, introduces GraphQL as a flexible alternative, describes its core concepts such as schema, types, and modifiers, and outlines various server‑side and client‑side implementations, tools, and deployment architectures for modern backend development.

APIBackend DevelopmentData Fetching
0 likes · 17 min read
An Introduction to GraphQL: Concepts, Benefits, and Architectural Patterns