术语表
21 个术语,来自《Next.js 基础:从不懂 React/JS 到能做一个小站》。
| 术语 | 释义 | 来源 |
|---|---|---|
| Next.js | 建立在 React 之上的 Web 框架,提供路由、渲染、数据获取和构建等约定。 | Next.js Installation |
| React | 用于用组件描述用户界面的 JavaScript 库。 | React: Your First Component |
| JavaScript | 网页和很多前端工具使用的编程语言,在 React/Next.js 里用于写组件逻辑。 | MDN: JavaScript Modules |
| Node.js | 运行 Next.js 开发工具和服务端代码的本地 JavaScript 运行环境。 | Next.js Installation |
| App Router | Next.js 中基于 `app/` 目录和文件约定组织页面、布局、加载状态和路由的路由体系。 | Next.js Layouts and Pages |
| component | 返回一块 UI 的可复用函数或模块,在 React 中通常用大写名称调用。 | React: Your First Component |
| JSX | 在 JavaScript 中书写类似 HTML 标记的语法,用于描述 React 界面。 | React: Writing Markup with JSX |
| props | 父组件传给子组件的信息,让同一个组件显示不同数据。 | React: Passing Props to a Component |
| route | 应用中的一个可访问路径,在 App Router 中通常由 `app/` 下的文件夹和 `page.tsx` 决定。 | Next.js Layouts and Pages |
| layout | 包住一组页面的共享 UI 外壳,常放导航、全站结构和 `children` 插槽。 | Next.js Layouts and Pages |
| Link | Next.js 用于站内导航的组件,通过 `href` 指向内部路径。 | Next.js Linking and Navigating |
| Server Component | 在服务器侧渲染的组件,适合静态展示和服务端数据准备。 | Next.js Server and Client Components |
| Client Component | 在浏览器侧运行的组件,适合事件、状态和浏览器 API 等交互场景。 | Next.js Server and Client Components |
| useState | React Hook,用于给组件保存会触发重新渲染的状态。 | React: State: A Component's Memory |
| Array.map | JavaScript 数组方法,对每一项执行函数并返回一个新数组。 | MDN: Array.prototype.map |
| CSS Module | 把 CSS 类名限定在对应组件附近的样式写法,减少全局命名冲突。 | Next.js CSS |
| Image component | Next.js 提供的图片组件,用于声明图片源、替代文本、尺寸和优化行为。 | Next.js Image Component |
| fetch | Web API,用于发起网络请求并获得响应。 | MDN: Using the Fetch API |
| async function | 可以配合 `await` 等待异步结果的 JavaScript 函数。 | MDN: async function |
| Route Handler | Next.js 中用 `route.ts` 处理 HTTP 请求并返回响应的服务端入口。 | Next.js Route Handlers |
| build | 把 Next.js 应用创建为生产构建的检查和打包过程。 | Next.js CLI |