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

相关推荐
Mintopia1 小时前
🧱 用三维点亮前端宇宙:构建你自己的 Three.js 组件库
前端·javascript·three.js
故事与九1 小时前
vue3使用vue-pdf-embed实现前端PDF在线预览
前端·vue.js·pdf
Mintopia2 小时前
🚀 顶点-面碰撞检测之诗:用牛顿法追寻命运的交点
前端·javascript·计算机图形学
wb1892 小时前
企业WEB应用服务器TOMCAT
运维·前端·笔记·tomcat·云计算
烛阴2 小时前
解锁 Gulp 的潜力:高级技巧与工作流优化
前端·javascript
Entropy-Lee3 小时前
JavaScript 语句和函数
开发语言·前端·javascript
Wcowin4 小时前
MkDocs文档日期插件【推荐】
前端·mkdocs
xw54 小时前
免费的个人网站托管-Cloudflare
服务器·前端
网安Ruler5 小时前
Web开发-PHP应用&Cookie脆弱&Session固定&Token唯一&身份验证&数据库通讯
前端·数据库·网络安全·php·渗透·红队
!win !5 小时前
免费的个人网站托管-Cloudflare
服务器·前端·开发工具