掌握 React 关键概念.pdf

React

关键概念

你的React功能

目录

前言i

章节1:React是什么以及为什么1

简介2

React是什么2

原生JavaScript的问题4

React和声明式编程范式8

React如何操作DOM12

介绍单页面应用程序14

创建一个React项目14

总结和关键要点17

下一步17

章节测试18

章节2:理解React组件和JSX21

简介22

组件概念22

为什么使用组件？23

剖析组件24

组件函数到底是什么？27

React如何处理组件？28

内置组件32

命名约定33

JSXvsHTMLvsJavaScript34

在React中不使用JSX36

JSX元素是普通的JavaScript值！38

JSX元素必须是自闭合的40

输出动态内容41

应该何时拆分组件？41

总结和关键要点43

下一步43

章节测试44

学以致用44

活动2.1:创建一个展示个人信息的React应用44

活动2.2:创建一个记录本书学习目标的React应用程序45

章节3:组件和Props49

简介50

未达到阶段50

在组件中使用props51

将props传递给组件51

在组件中自定义props52

组件、Props和可重用性53

特殊的children属性54

哪些组件需要props？55

如何处理多个props56

展开props57

props传递/props链59

总结和关键要点60

下一步60

章节测试61

学以致用61

活动3.1:创建一个输出你在本书中的学习目标应用程序61

章节4:处理事件和状态65

简介66

问题是什么？66

解决问题的错误方式67

更好的错误解决方案69

正确响应事件71

正确更新状态73

深入了解useState()钩子75

深入了解React的内部机制76

管理组合状态的对象78

允许的状态值类型78

处理多个状态值79

使用多个状态80

管理组合状态的对象82

根据先前状态正确更新状态84

双向绑定88

从状态中派生值90

处理表单和提交表单92

状态提升94

总结和关键要点98

下一步99

章节测试99

学以致用99

活动