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​​ (回滚)

十、常见缩写

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