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.
Async/await is only the beginning. Advanced features such as for await...of, AsyncIterator, and generators handle streaming data elegantly. This article covers Promise combinators, async iterators, generators, AbortController cancellation, and concurrency control with p-limit, making JS/TS async code elegant and controllable.
`navigator.storage.estimate` is only an approximation, and `persist` returning `true` does not mean user data will never disappear. This article establishes an origin-level budget, eviction detection, and a tiered recovery contract for Cache Storage, IndexedDB, and OPFS.
Beyond basic SSE parsing, a production client must also constrain malicious long records, slow consumers, and reconnect replays. This article builds a resumable link with bounded framing, on-demand pull, and a post-commit cursor.
Pagination looks simple, but a poor design becomes slow, skips records, and eventually stops paging. This article compares offset pagination—simple but vulnerable to performance and consistency problems—with cursor pagination—fast and stable but more complex—then covers use cases, infinite scroll, and metadata such as total, hasMore, and cursor.
A client-side model is composed of Wasm, JS glue, weights, and a tokenizer; any cached skew can silently produce wrong results. This article provides digest verification, an ABI manifest, isolation-header decisions, and a rehearsed rollback plan.
Moving inference into a Worker only prevents main-thread jank; it doesn't automatically solve out-of-order results, backlog, or cancellation. This article designs a decodable message envelope, cooperative stopping, hard termination, and generation isolation protocol.
React testing is not about testing everything; it is about testing the right things. Learn the React testing pyramid, what to unit-test, component-test, and cover with E2E, how to choose Vitest, Testing Library, and Playwright, and why behavior matters more than implementation.
CSS gets messy at scale: naming collisions, global pollution, specificity wars. This article clarifies the mainstream CSS architecture patterns: BEM (naming conventions), CSS Modules (local scoping), CSS-in-JS (styled-components/emotion), and the rise of Tailwind/atomic CSS, with guidance on when and how to choose.
Chat, collaboration, push notifications, and real-time dashboards need server-initiated delivery, which HTTP handles poorly. This article explains WebSocket fundamentals, when to use it versus SSE or polling, connection management, broadcasts and rooms, Redis Pub/Sub scaling across instances, and common real-time architecture choices.
Authentication and authorization underpin every product, yet many developers remain unclear about how OAuth, OIDC, JWT, and sessions relate. This article explains sessions vs. JWTs, OAuth 2.0 flows, OIDC's authentication layer, SSO implementation, token storage, and security so the concepts no longer feel tangled.
GraphQL is flexible and powerful, but production brings pitfalls: N+1 queries, complex-query attacks, difficult caching, and overly coarse authorization. This article covers DataLoader, depth and complexity limits, persisted queries, caching strategies, and field-level authorization.
APIs inevitably become hard to change. How can they evolve without breaking existing clients? This article explains URL path, header, query parameter, and content-negotiation versioning; their tradeoffs; when breaking changes are necessary; deprecation strategies; and a practical "forward compatibility first, major versions when necessary" approach.