agentmentoragentmentor

术语表

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 RouterNext.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
Server Component在服务器侧渲染的组件,适合静态展示和服务端数据准备。Next.js Server and Client Components
Client Component在浏览器侧运行的组件,适合事件、状态和浏览器 API 等交互场景。Next.js Server and Client Components
useStateReact Hook,用于给组件保存会触发重新渲染的状态。React: State: A Component's Memory
Array.mapJavaScript 数组方法,对每一项执行函数并返回一个新数组。MDN: Array.prototype.map
CSS Module把 CSS 类名限定在对应组件附近的样式写法,减少全局命名冲突。Next.js CSS
Image componentNext.js 提供的图片组件,用于声明图片源、替代文本、尺寸和优化行为。Next.js Image Component
fetchWeb API,用于发起网络请求并获得响应。MDN: Using the Fetch API
async function可以配合 `await` 等待异步结果的 JavaScript 函数。MDN: async function
Route HandlerNext.js 中用 `route.ts` 处理 HTTP 请求并返回响应的服务端入口。Next.js Route Handlers
build把 Next.js 应用创建为生产构建的检查和打包过程。Next.js CLI