为什么选 React

React 是什么

把 UI 拆成"组件"，让数据驱动视图——一个声明式的前端库。

2013 年 Facebook（Meta）开源；至今前端框架第一。

function Welcome({ name }) {
    return <h1>Hello, {name}!</h1>;
}

数据变 → 视图自动变。这就是核心。

为什么 React 比 Vue 推荐（给你这场景）

你想出海 / 接国际项目 / 用 AI 工具 → React 国内中小项目 / 想最快上手 → Vue（不是这个系列覆盖范围）

为什么个人站推荐 Next.js（不是纯 React）

纯 React + Vite → SPA → 客户端渲染 → SEO 差
Next.js → SSG/SSR → 服务端渲染 → SEO 友好 + 首屏快

你的网站要被 Google / Baidu 抓 → 必须服务端渲染 → Next.js。

现代 React = Next.js + Tailwind + shadcn

2026 的标配组合：

这套组合完美契合 AI 辅助编程——v0 直接生成 UI、Cursor 改代码、shadcn 复制粘贴。

什么时候不该用 React

• 纯静态内容（如你现在的笔记站）—— SSG markdown 工具就够
• 简单后台表单（用 Server-side rendering 的 Django / Rails / Laravel 更直接）
• 极致性能不需要 hydration —— 用 Astro / Eleventy
• 小团队、不上 SPA 需求 —— 没必要为框架引入复杂度

决策清单

✓ 用 React + Next.js：内容多 + 要 SEO + 想加交互 + 想长期演进 ✗ 不要 React：内容固定 + 只读 + 几个页面 + 没有用户系统

接下来

03-tooling 装环境 → 04-create-app 起项目 → 05-jsx 学语法。