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 文档、技术讨论和代码库注释。建议创建一个个人术语表,遇到新词汇时及时补充。

相关推荐
东风西巷1 分钟前
微软恶意软件删除工具:官方免费的系统安全防护利器
前端·安全·microsoft·系统安全·软件需求
跟橙姐学代码4 分钟前
手把手教你玩转 multiprocessing,让程序跑得飞起
前端·python·ipython
华仔啊9 分钟前
SpringBoot+MySQL+Vue实现文件共享系统
java·前端·后端
页面仔Dony29 分钟前
流式数据获取与展示
前端·javascript
张志鹏PHP全栈37 分钟前
postcss-px-to-viewport如何实现单页面使用?
前端
恋猫de小郭37 分钟前
iOS 26 正式版即将发布,Flutter 完成全新 devicectl + lldb 的 Debug JIT 运行支持
android·前端·flutter
前端进阶者1 小时前
electron-vite_20外部依赖包上线后如何更新
前端·javascript·electron
晴空雨1 小时前
💥 React 容器组件深度解析:从 Props 拦截到事件改写
前端·react.js·设计模式
Marshall35721 小时前
前端水印防篡改原理及实现
前端