Collection of technical blog posts by Jian Lin (also known as Ziya). Covering frontend architecture, micro-frontend, cross-platform development, performance optimization, React/Vue/Astro, TypeScript, LLM/RAG/Agent AI engineering.
A frontend architect's build tools history — bundler essentials, Webpack 5 complete pipeline, Vite 5 native ESM + esbuild, Rspack 3 Rust rewrite, Turbopack; real case breakdown from 12min to 3min build time
A frontend architect's AI era practice — Web LLM (transformers.js / MediaPipe GenAI), Chrome Built-in AI, CopilotKit embedded Copilot, Speculative Decoding, new AI era front-end approaches
A frontend architect's visual-layer foundation — box model pitfalls, Flex layout patterns, Grid two-dimensional grids, container queries replacing media queries. Covers admin panel and mobile scenarios.
A frontend architect's Electron practice — main vs renderer process model, IPC communication, preload injection, Node API integration, Rouyu PC client USB Bridge case
A frontend architect's first-screen performance full-stack optimization — SF Express ERP real case 5-stage time breakdown, key metrics monitoring, ROI ranking and regression testing, from metrics to code
A senior frontend architect's self-review + a growth map for peers. From browser fundamentals to the "Transformation God" stage — 5 stages, 29 articles covering the entire frontend engineer growth path.
A frontend architect's engineering practice — CI/CD pipelines, ESLint / Prettier / Husky standards, PR review checklist, team best practice accumulation mechanism, with SF Express + Rouyu two engineering experience summaries
A frontend architect's monitoring system practice — Sentry error monitoring, Web Vitals performance monitoring, user behavior replay, with SF Express + Rouyu two monitoring practice summaries
A frontend architect's package management deep dive — pnpm hardlink disk savings, Changesets semantic versioning, Turborepo incremental builds, with ERP Monorepo multi-package architecture case
A frontend architect's permission system practice — RBAC model, dynamic route permissions, OAuth 2.0 / JWT single sign-on, SSO unified permission project engineering practice
A frontend architect's mobile adaptation full-stack — viewport meta / rem adaptation / vw scheme / container queries, with 1px borders / 0.5px lines / safe areas / portrait-landscape switching for admin backend + mobile scenarios
A frontend architect's runtime performance deep dive — virtual scrolling principles, Web Vitals long-tail optimization, virtualized list memory and rendering tuning, with FinSpread large spreadsheet case
A frontend architect's role transition — technical depth vs team breadth, 3-5 person team management, PR review mechanism, technical decision "Tao and Shu", interview and promotion engineering philosophy
A frontend architect's deep dive into the TS type system — generics, conditional types, infer, template literal types. From type gymnastics to real ERP / FinUI / Electron project experience
A frontend architect's Web Components practice — Custom Elements / Shadow DOM / 8 cross-Vue/React universal components design philosophy, FinUI cross-platform component library's core abstraction
A frontend architect's crash course on browser rendering — network layer, critical rendering path, compositor layers, and Web Vitals. The theoretical foundation behind going from 4.2s to 1.8s LCP.
LLMs are not omniscient — where are the boundaries, and why do hallucinations happen? 5 engineering techniques, confidence calibration, RAG grounding, self-consistency, citations, and structured output.
A frontend-friendly deep-dive into inference — KV cache bottlenecks, how PagedAttention saves GPU memory, the 4 quantization options compared, and why speculative decoding gives 2-3x speedup with zero quality loss
Once observability gives you data, how do you decide which prompt is better — evaluation metrics, LLM-as-Judge, regression tests, Braintrust / Ragas practice.
After your LLM app is in production, how do you know what it's doing — Langfuse architecture, OpenTelemetry GenAI semantics, token cost monitoring, production debugging.
Starship is a Rust-based cross-platform terminal prompt with millisecond startup. This guide covers installation and basic configuration on macOS and Windows.