React 核心概念总结

Previous Card

React 核心概念总结

React 是用于构建用户界面的 JavaScript 库，本卡片总结了 React 18 的核心概念，包括组件、Hooks、状态管理等关键知识点。 ✨

Article Points:

组件化: 函数组件是现代 React 的推荐写法

JSX: JavaScript 的语法扩展，让 UI 描述更直观

Props: 父传子的数据流，单向数据绑定

State: 组件内部的响应式数据 (useState)

副作用: useEffect 处理数据获取、订阅等

Hooks: useState, useEffect, useMemo, useCallback, useRef

Context: 跨组件层级传递数据，避免 prop drilling

Source:

React 核心概念总结

A[React App] --> B[Components]

B --> C[Props]

B --> D[State]

D --> E[useState]

D --> F[useReducer]

B --> G[Side Effects]

G --> H[useEffect]

B --> I[Context]

I --> J[useContext]

B --> K[Performance]

K --> L[useMemo]

K --> M[useCallback]

K --> N[React.memo]

Source:

React 核心概念总结

Next Card

Related Cards