水木
水木
发布于 2024-08-26 / 13 阅读
0

React Hooks实战(Web开发与设计)

链接: https://pan.baidu.com/s/19MTTUKI14e8839MeLboFKw?pwd=hp5e 提取码: hp5e

出版社: 清华大学出版社
ISBN:9787302613572
版次:1
商品编码:13393905
品牌:清华大学
包装:平装
开本:16开
出版时间:2022-08-01
用纸:胶版纸
页数:336
字数:412000
产品特色

编辑推荐

使用React Hooks后,你很快就会发现,代码变得更具有组织性且更易于维护。React Hooks是旨在为用户提供跨组件的重用功能和共享功能的JavaScript函数。利用React Hooks, 可以将组件分成多个函数、管理状态和副作用,并且不必声明类即可调用React内置的功能。而且,上述所有的操作,都不涉及重新调整组件的层级。

《React Hooks实战》将指导你使用hook开发性能优秀、可复用度高的React组件。首先,你将学习如何使用hook创建组件代码。接下来,你会亲自实现一个资源预订应用程序,这个示例演示了如何管理本地状态、应用程序状态以及类似请求数据之类的副作用。书中的代码示例以及图表可帮助你更加轻松地学习hook。




内容简介

主要内容

●构建 可调用React功能的函数组件

●管理本地状态、共享状态以及应用程序状态

●学习内置hook、自定义hook以及第三方hook

●利用React Query加载、 更新和缓存数据

●利用代码 分割和React Suspense请求数据并提升页面体验




作者简介

John Larsen从20世纪80年代开始从事编程工作,最开始是在Commodore VIC-20上编写Basic,随后又涉猎了Java、PHP、C#以及JavaScript等领域。他还编写了同样由曼宁出版社出版的Get Programming with JavaScript一书。他在英国当了25年的数学老师,为高中生讲授计算机知识,并为学校开发与教学类、学习类以及沟通有关的Web程序。

精彩书评

名人推荐

“一本带你探索ReactHooks,展望React开发应用程序前景的好书!

——Amaud Casteltort

蒙彼利埃大学




“本书涵盖了你需要掌握的所有知识,是你在React领域的一个很好的补充!

——Clive Harber

Distorted Thinking公司




“助你扩充React知识,提升React新特性和上佳实践的使用效率!”

——Ryan Burrows

Remitly




“精彩绝伦的介绍,呈 现知识点和实用案例,满满的干货!”

——Edin Kapic

Isolutions







原版在美亚的五星好评

★★★★★“满足经验丰富的React开发者学习Hooks的需要!

——Just Some Guy

这本书太棒了一正是我需要的。 你应该已经了解React 16以及JSX和ES6。本书从useState() hook开始,依次介绍了其他新hook。对于任何中级JS/React开发人员来说,本书清晰易懂。

作者在本书的整个过程中构建了一个主要的React应用示例(外加一些随机的附加示例)。这个主应用示例设计得非常好一它足够复杂, 足以演示React的新功能。代码示例和图表非常广泛,很容易理解,而且解释得很好。

学习本书的额外好处是,示例代码还演示了一组ES6模式和习惯用法一学到了一些我没想到的新技巧。

如果你了解React,但对hook还是新手,这就是你需要的书。




★★★★★“这本书教你思考,而不仅仅是看代码!”

——Amazon Customer

我买这本书是为了从Angular跳到React....令人惊讶的是,本书代码的选择非常出色。我没有在任何一点上感到困惑,每一页都让我更加自信,知道如何轻松地写出好代码。我现在可以将这些知识扩展到任何企业应用程序。




★★★★★“现代React.js的优秀图书!”

——lsabelle C

神奇的好书。很好地介绍和解释了现代React.js。清晰的可视化图表,有用的示例....这些正是我在寻找的。喜欢这本书!




★★★★★“这是我读过的极好的React图书之一!

——David Ramiro

本书不仅以一种清晰的方式解释了新版本的React.js,而且展示了如何有效地使用上下文,用一个小技巧来避免那些恼人的重渲染,用React Query管理后端请求。

在最后一章中,展示了语言的新功能,如useTransition()、useDeferredValue()等 。




目录




第Ⅰ部分 React Hooks介绍及应用

第1章 逐渐演进的React 3

1.1 什么是React 3

1.1.1 用组件构建UI 4

1.1.2 同步状态和UI 6

1.1.3 理解组件的类型 9

1.2 React中的新增功能 11

1.3 可以为函数式组件添加状态的React Hooks 12

1.3.1 有状态的函数式组件:更少的代码,更好的组织结构 12

1.3.2 自定义hook:更易于代码复用 14

1.3.3 第三方的hook提供了完备的、经过良好测试的功能 17

1.4 通过Concurrent模式和Suspense获得更好的UX 18

1.4.1 Concurrent模式 19

1.4.2 Suspense 20

1.5 全新的React发布渠道 21

1.6 本书读者对象 21

1.7 开始吧 22

1.8 本章小结 22

第2章 使用useState hook管理组件的状态 23

2.1 搭建预订管理应用程序 24

2.1.1 通过create-react-app生成应用程序的框架 26

2.1.2 编辑四个关键文件 27

2.1.3 为应用程序添加数据库文件 30

2.1.4 创建页面组件和UserPicker.js文件 31

2.2 通过useState存储、使用和设置值 32

2.2.1 给变量赋新值并不会更新UI 33

2.2.2 调用useState返回一个值和一个updater函数 36

2.2.3 调用updater函数替换之前的状态值 40

2.2.4 将函数传递给useState作为初始值 43

2.2.5 设置新状态时需要使用之前的状态 44

2.3 多次调用useState以处理多个状态值 46

2.3.1 使用下拉菜单设置状态 46

2.3.2 使用复选框设置状态 49

2.4 复习函数式组件概念 52

2.5 本章小结 55

第3章 使用useReducer hook管理组件的状态 57

3.1 在响应一个事件时更新多个状态值 58

3.1.1 不可预测的状态变化会将用户带离焦点 58

3.1.2 通过可预测的状态变化让用户沉浸在电影中 59

3.2 通过useReducer管理更复杂的状态 61

3.2.1 使用reducer及一个预定义的action集更新状态 62

3.2.2 为BookablesList组件构建reducer 64

3.2.3 使用useReducer访问组件状态并分派action 67

3.3