用原生 HTML/CSS/JS 写网页就像手工造砖头盖房子——能盖，但太慢了。React 就像预制的积木块，Next.js 则是包含地基和水电的完整建筑方案。

React 是 Facebook 开发的 UI 库，核心思想是「组件化」——把页面拆成一个个独立、可复用的组件（如 Button、Card、UserList）。每个组件管理自己的状态和渲染逻辑。Next.js 是基于 React 的全栈框架，内置路由、API、服务端渲染等能力。

React 组件示例

React 的核心思想是什么？

• 面向对象编程
• 组件化 — 把页面拆成可复用的组件
• 函数式数据库查询
• 服务器端脚本

React 负责 UI 渲染，但一个完整的网站还需要路由、API、SEO 优化等。Next.js 把这些全部包办了。来对比看看两者的定位差异——

React vs Next.js

AI 编程为什么推荐 Next.js：它是目前 AI 代码生成工具（Cursor、Bolt、v0）最擅长的框架；前后端代码放在一个项目里，AI 理解上下文更完整；内置 API 路由可以直接连数据库，不需要额外的后端项目。

你不需要先学完 React 再学 Next.js——AI 会帮你写组件代码。你只需理解「组件 = 可复用的页面积木」这个核心概念，就能看懂和指导 AI 生成的前端代码。