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.

ReactSWRTanStack Router

0 likes · 11 min read

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

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 HandlingReact

0 likes · 36 min read

Comprehensive Guide to State Management in React

Rare Earth Juejin Tech Community

Jun 19, 2023 · Frontend Development

Using TypeScript Effectively for Business Front‑End Development with OpenAPI and Code Generation

This article explains why TypeScript is suitable for business front‑end code, demonstrates practical usage with React, SWR, and OpenAPI, and shows how to generate type definitions automatically using openapi‑typescript to improve robustness and maintainability.

OpenAPISWRTypeScript

0 likes · 6 min read

Using TypeScript Effectively for Business Front‑End Development with OpenAPI and Code Generation

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.

OpenAPISWRTypeScript

0 likes · 7 min read

Using TypeScript Effectively for Business Code with OpenAPI Code Generation

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

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 EdgeReactSWR

0 likes · 6 min read

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

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