Next.js、React、TypeScript、前端工程化
This collection features articles and community discussions in the Web 开发 space, focusing on real-world engineering scenarios, tool selection, practical paths, and risk boundaries.
The page is continuously updated and serves as a learning roadmap, technology selection reference, and technical review entry point.
Server Actions let you write server-side functions directly in components and call them from the frontend like async functions, without API routes. Learn how they work, what 'use server' means, progressive-enhancement form patterns, revalidation, security boundaries, and when to use Route Handlers.
Want to send push notifications to web users without an app? The Web Push API, Service Workers, and push services make it possible. This article explains the full flow (subscription → server push → SW display), VAPID keys, notification permissions and UX, and support in iOS Safari 16.4+.
Writing offline drafts to IndexedDB does not guarantee reliable persistence. This article addresses multiple tabs, crashes, and storage eviction with the versionchange protocol, atomic schema upgrades, batched backfills, a transactional outbox, and idempotent recovery.
Users in Asia, servers in the US, and 300 ms of latency? CDNs cache static assets, while Edge Functions run logic at the edge so requests are handled nearby. This article explains CDN caching, Edge Functions (Cloudflare Workers/Vercel Edge), when to move logic from the origin to the edge, and the limits of doing so.
ORMs are convenient but may generate bad SQL; raw SQL is flexible but boilerplate-heavy. This article objectively compares the philosophies and fit of Prisma/Drizzle/Kysely/raw SQL: type safety, migrations, N+1, performance, and learning curve, with an opinionated "which project should use which" conclusion.
Does one component throw and blank the screen? Error Boundaries contain crashes locally. Learn Error Boundary usage (class components + getDerivedStateFromError), errors it cannot catch (events, async code, SSR), react-error-boundary, and a complete frontend exception-handling strategy.
Passwords are the largest security vulnerability: weak credentials, reuse, phishing, and leaks. Passkeys use WebAuthn and device biometrics to replace passwords securely and seamlessly. This article explains the public-key model, registration and authentication flows, platform support, and a practical rollout path.
One list query plus one query for each of N related records means N+1 queries and can make an endpoint 10x slower. This article explains how ORM lazy loading causes N+1, how to detect it with logs and ORM explain tools, how to fix it with eager loading, include, or joins, and how to prevent it with eager defaults and query reviews.
Suspense makes components waiting for data declarative: instead of manually managing loading state, boundaries show fallbacks automatically. Learn how it works with TanStack Query, streaming SSR with Server Components, boundary design, Error Boundaries, and when imperative async work should not use Suspense.
Choosing between SSE and WebSocket for server push? This article explains their fundamental differences, ideal use cases, proxy and firewall compatibility, connection limits, and provides clear guidance on when to use each.
Context is easy to use, but when its value changes, every consumer rerenders. In high-frequency scenarios, that is a performance killer. This article explains Context rerendering, why putting all state into one Context is an anti-pattern, how to split it, and when to switch to Zustand.
A local service starting successfully does not mean database migrations, authorization scopes, and messaging topics are ready. This article uses versioned capability probes, stability windows, and failure classification to turn "wait and refresh" into a verifiable, reversible development startup gate.