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.
AI apps must call LLMs securely, stream tokens to the frontend in real time, and manage session state. This guide uses Next.js 16 App Router, Server Actions, and AI SDK to implement a clean, streamable AI chat page ready for production.
Technical trends, engineering practices, and independent development perspectives centered on Next.js and React.
Technical trends, engineering practices, and an indie developer's perspective on Next.js and TypeScript.
Technical trends, engineering practices, and an independent developer perspective on TypeScript and React.
Technical trends and engineering practices around Next.js and React, from an independent developer's perspective.
A look at technology trends, engineering practices, and the indie developer perspective around Next.js and TypeScript.
Server Components power the App Router, but their boundary with Client Components is often misunderstood. This guide explains how RSC works, when to use 'use client', server-to-client data flow, caching, Suspense streaming, and common mistakes such as marking everything as client code or using browser APIs on the server.
Writing an interface does not mean you understand TS. This article covers conditional and mapped types, infer, template literal types, the limits of type gymnastics, and practical patterns for API response inference, type-safe routing, and props autocomplete, turning TS from “annoying to write” into a bug catcher.
Most React slowdowns come from unnecessary re-renders. Learn the right order: measure with Profiler, then optimize; use memo/useMemo/useCallback correctly; improve keys and lists, split state, use concurrent features, and avoid premature optimization.
Tailwind is fast for small projects but can become chaotic at scale through duplicated classes and drifting design tokens. This guide covers tokenized design-system configuration, component abstraction with React, @apply, and cva, class hygiene, Figma alignment, dark mode, and responsive design.
Core Web Vitals are more than SEO metrics; they quantify real user experience. This article explains what LCP, INP, and CLS measure, why they matter, how to measure them with Lighthouse, real-user data, and PSI, and how to improve images, fonts, JavaScript, layout stability, and interaction responsiveness.
A URL shortener is a classic system design interview problem spanning reads, writes, uniqueness, redirects, caching, and scaling. This article covers requirements, short-code generation, storage, 301 vs. 302 redirects, caching, sharding, and how to explain design tradeoffs during an interview.