多彩编程 多彩编程MZPH · CODE BLOG
React 框架知识封面 R
REACT · UI LIBRARY

React 框架

Hooks、JSX、组件设计、状态管理、Redux 与 Next.js,从函数组件到全栈渲染,掌握 React 生态的核心工程能力。

39篇文章
8.1K学习人数
中级难度等级
KNOWLEDGE POINTS

React 知识点体系

六大模块覆盖 React 从 Hooks 内功到 Next.js 全栈。

01

Hooks 核心

useState、useEffect、useMemo、useCallback 与自定义 Hook。

Hooks函数组件
02

JSX 语法

表达式嵌入、条件渲染、列表 key 与 children 组合。

JSX语法
03

组件设计

受控与非受控、复合组件、高阶组件与 Render Props。

组件设计
04

状态管理

Context、useReducer、状态提升与选型权衡。

Context状态
05

Redux 工具链

store、reducer、middleware 与 Redux Toolkit 最佳实践。

ReduxToolkit
06

Next.js 框架

SSR/SSG、App Router、数据获取与全栈渲染方案。

Next.jsSSR
LEARNING PATH

React 学习路线

四步从 JSX 走到 Next.js 全栈,循序渐进掌握 React 工程化。

01

JSX 与组件

JSX 语法、函数组件与 props 数据流。

02

Hooks 深入

useState、useEffect、useMemo 与自定义 Hook。

03

状态管理

Context、useReducer 与 Redux Toolkit。

04

Next.js 全栈

SSR/SSG、App Router 与全栈渲染。

RELATED ARTICLES

React 相关文章

React 生态精选笔记,Hooks 与全栈实战并重。