前端与全栈

这条路线不教 API 大全，而是回答：现代前端为什么要在渲染、状态、数据、组件和构建之间做这些取舍。

适合会一点 JS 或 React

建议节奏先读 3 篇，再按问题扩展

读法项目源码优先

目标从会用升级到会判断

先读这 3 篇

项目Pillar渲染模型

React

理解组件、状态和渲染如何组成前端应用的基本模型。

这是 React 前端项目，不是 ReAct 论文。

项目服务端状态缓存

TanStack Query

理解服务端状态为什么不能只当作普通的全局状态来管理。

重点看缓存、失效和观察者模型怎样协作。

项目UI 工程代码分发

shadcn-ui

理解“复制进项目的组件源码”为什么也是一种产品化交付方式。

它改变了组件只能通过 npm 包交付的默认假设。

按你的问题继续

项目Headless UI

Radix UI

想理解无样式 primitive、可访问性和行为复用时读。

项目状态管理

Zustand

想比较极简 store 与 Provider 模式的取舍时读。

项目构建工具

Vite

想理解开发期与生产构建为什么采用不同策略时读。

读完你应该能回答

1. React 提供的核心抽象是什么，状态变化为什么会触发新的渲染工作？
2. TanStack Query 管的是状态，为什么它又不是 Redux 的替代品？
3. shadcn-ui 与 Radix UI 各自负责哪一层？
4. 一个新需求应该放进本地状态、服务端缓存，还是共享 store？

更多精选内容可进入 项目精选队列；需要按名字查找时再使用 项目全景索引。