React 开发涉及的核心英语词汇大全

一、React 基础术语

1. 核心概念

• ​Component​ (组件)
• ​Props​ (属性)
• ​State​ (状态)
• ​JSX​ (JavaScript XML)
• ​Virtual DOM​ (虚拟DOM)
• ​Reconciliation​ (协调)
• ​Fiber​ (React 16+ 新架构)
• ​Hook​ (钩子)
• ​Context​ (上下文)
• ​Ref​ (引用)

2. 生命周期方法

• ​Mounting​ (挂载阶段)
  • constructor
  • render
  • componentDidMount
• ​Updating​ (更新阶段)
  • shouldComponentUpdate
  • componentDidUpdate
• ​Unmounting​ (卸载阶段)
  • componentWillUnmount
• ​Error Handling​ (错误处理)
  • componentDidCatch

二、React Hooks 相关

1. 基础 Hooks

• useState
• useEffect
• useContext

2. 附加 Hooks

• useReducer
• useCallback
• useMemo
• useRef
• useImperativeHandle
• useLayoutEffect
• useDebugValue

三、React 高级特性

1. 性能优化

• ​Memoization​ (记忆化)
• ​Lazy Loading​ (懒加载)
• ​Suspense​ (悬停)
• ​Concurrent Mode​ (并发模式)
• ​Transition​ (过渡更新)

2. 其他特性

• ​Portal​ (传送门)
• ​Fragment​ (片段)
• ​Error Boundary​ (错误边界)
• ​Strict Mode​ (严格模式)

四、React 生态系统

1. 状态管理

• ​Redux​
  • Action
  • Reducer
  • Store
  • Dispatch
  • Middleware
• ​MobX​
  • Observable
  • Computed
  • Reaction
• ​Recoil​
  • Atom
  • Selector

2. 路由

• ​React Router​
  • BrowserRouter
  • Route
  • Link
  • Navigate
  • Outlet
  • Params

3. 样式方案

• ​CSS Modules​
• ​Styled Components​
• ​Emotion​
• ​Tailwind CSS​

五、开发工具相关

1. 调试工具

• ​React DevTools​
• ​Redux DevTools​

2. 测试工具

• ​Jest​
• ​React Testing Library​
• ​Cypress​
• ​Enzyme​ (已淘汰)

3. 构建工具

• ​Webpack​
  • Loader
  • Plugin
  • Bundle
• ​Babel​
  • Preset
  • Polyfill
• ​ESLint​
• ​Prettier​

六、Next.js 相关词汇

1. 核心概念

• ​Server-Side Rendering (SSR)​
• ​Static Site Generation (SSG)​
• ​Incremental Static Regeneration (ISR)​
• ​Client-Side Rendering (CSR)​
• ​Hydration​ (水合)

2. 特殊组件

• _app.js
• _document.js
• getServerSideProps
• getStaticProps
• getStaticPaths
• next/image
• next/link

七、开发流程术语

1. 项目结构

• ​Boilerplate​ (样板代码)
• ​Scaffolding​ (脚手架)
• ​Monorepo​ (单体仓库)
• ​Workspace​ (工作区)

2. 开发流程

• ​Hot Module Replacement (HMR)​
• ​Tree Shaking​ (摇树优化)
• ​Code Splitting​ (代码分割)
• ​Minification​ (代码压缩)
• ​Polyfill​ (垫片)

八、API 相关术语

1. 数据获取

• ​REST API​
• ​GraphQL​
  • Query
  • Mutation
  • Subscription
• ​WebSocket​
• ​Fetch API​
• ​Axios​

2. 认证授权

• ​JWT​ (JSON Web Token)
• ​OAuth​
• ​CORS​ (跨域资源共享)
• ​CSRF​ (跨站请求伪造)

九、部署相关

1. 部署平台

• ​Vercel​
• ​Netlify​
• ​AWS Amplify​
• ​Firebase Hosting​

2. 部署概念

• ​Continuous Integration (CI)​
• ​Continuous Deployment (CD)​
• ​Canary Release​ (金丝雀发布)
• ​Rollback​ (回滚)

十、常见缩写

缩写	全称	中文
SSR	Server-Side Rendering	服务端渲染
CSR	Client-Side Rendering	客户端渲染
SSG	Static Site Generation	静态站点生成
ISR	Incremental Static Regeneration	增量静态再生
HOC	Higher-Order Component	高阶组件
HOF	Higher-Order Function	高阶函数
UI	User Interface	用户界面
UX	User Experience	用户体验
API	Application Programming Interface	应用程序接口
DOM	Document Object Model	文档对象模型
CLI	Command Line Interface	命令行界面

掌握这些术语将帮助你更好地理解 React 文档、技术讨论和代码库注释。建议创建一个个人术语表，遇到新词汇时及时补充。