Tag

swr

1 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 1, 2025 · Frontend Development

Exploring TanStack Router: Routing Modes, TypeScript Support, Preloading, and SWR

This article introduces TanStack Router for React, detailing its three routing modes—file‑based, virtual file, and code‑based—along with TypeScript support, preloading strategies, request waterfall optimization, and stale‑while‑revalidate caching, providing practical insights and links for further exploration.

PreloadingTanStack RouterTypeScript
0 likes · 11 min read
Exploring TanStack Router: Routing Modes, TypeScript Support, Preloading, and SWR
Sohu Tech Products
Sohu Tech Products
Jan 22, 2025 · Frontend Development

Comprehensive Guide to State Management in React

This guide explains React’s various state types—local, class, global, navigation, form, and persistent—showing how to manage each with built‑in hooks, Context, libraries such as Zustand, Jotai, React Query, SWR, React Router, TanStack Router, React Hook Form, Formik, and persistence tools like localStorage and redux‑persist.

Context APIForm HandlingHooks
0 likes · 36 min read
Comprehensive Guide to State Management in React
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jun 18, 2023 · Frontend Development

Using TypeScript Effectively for Business Code with OpenAPI Code Generation

This article explains why TypeScript is well‑suited for business‑level front‑end development, demonstrates practical usage with React hooks, SWR, and OpenAPI‑driven code generation, and shows how to keep type safety and reduce runtime errors while integrating backend APIs.

OpenAPITypeScriptcode generation
0 likes · 7 min read
Using TypeScript Effectively for Business Code with OpenAPI Code Generation
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.

HooksStale-While-Revalidatedata-fetching
0 likes · 15 min read
Understanding SWR: Stale‑While‑Revalidate Data Fetching in React
Taobao Frontend Technology
Taobao Frontend Technology
Aug 30, 2021 · Frontend Development

What’s New in Frontend: SWR 1.0 Release, Edge Ad Issue, and Top Open‑Source Tools

This roundup covers the SWR 1.0 release with major size reductions and new features, a reported Microsoft Edge ad problem, several fresh open‑source projects such as play.js and eslint‑nibble, and deep‑dive articles on TypeScript’s infer keyword and the advanced pnpm package manager.

Microsoft EdgeTypeScriptfrontend
0 likes · 6 min read
What’s New in Frontend: SWR 1.0 Release, Edge Ad Issue, and Top Open‑Source Tools
Taobao Frontend Technology
Taobao Frontend Technology
Jul 20, 2021 · Frontend Development

How Modern Hook-Based Request Libraries Simplify Frontend Data Fetching

Modern hook-based request libraries such as useRequest, SWR, and react-query transform traditional request flows by encapsulating loading states, caching, refetching, and mutation handling, offering simpler APIs, better user experience, and seamless integration with React’s component model.

cachingdata-fetchingfrontend
0 likes · 12 min read
How Modern Hook-Based Request Libraries Simplify Frontend Data Fetching