React Cookbook中文版:87个案例带你精通React框架电子书

O'Reilly Media, Inc.介绍

译者序

前言

第1章 创建应用程序

1.1 创建简单的应用程序

1.2 用Gatsby创建内容丰富的应用程序

1.3 用Razzle创建通用应用程序

1.4 使用Next.js管理服务端和客户端代码

1.5 用Preact创建轻量级应用程序

1.6 用nwb创建组件库

1.7 用Webpacker给Rails项目添加React

1.8 用Preact创建自定义HTML标签

1.9 在组件开发中使用Storybook

1.10 用Cypress在浏览器中测试代码

第2章 路由

2.1 使用响应式路由创建界面

2.2 将状态移入路由

2.3 使用MemoryRouter进行单元测试

2.4 使用提示窗确认页面退出操作

2.5 用React Transition Group创建过渡

2.6 创建安全路由

第3章 管理状态

3.1 用reducer来管理复杂状态

3.2 实现撤销功能

3.3 创建和验证表单

3.4 根据时间变化设置定时任务

3.5 监控在线状态

3.6 用Redux管理全局状态

3.7 用Redux持久化库实现页面重新加载

3.8 用reselect计算派生状态

第4章 交互设计

4.1 建立错误集中处理器

4.2 创建交互式帮助向导

4.3 在复杂交互中使用reducer

4.4 添加按键交互

4.5 对丰富的内容使用Markdown

4.6 使用CSS类引入动画效果

4.7 在React中引入动画库

4.8 使用TweenOne给信息图添加动画

第5章 连接后端服务

5.1 将网络请求转化为Hook

5.2 使用状态计数器自动更新数据

5.3 使用token来取消网络请求

5.4 使用Redux的中间件发起网络请求

5.5 连接到GraphQL

5.6 通过防抖减少网络负载

第6章 组件库

6.1 使用Material-UI创建Material Design风格的应用

6.2 使用React Bootstrap为应用引入简单的用户界面

6.3 使用React Window展示大量数据

6.4 使用Material-UI创建响应式对话框

6.5 使用React Admin创建管理控制台

6.6 没有设计师？使用Semantic UI

第7章 安全性

7.1 使用安全API替代安全路由

7.2 使用物理令牌进行身份验证

7.3 使用HTTPS

7.4 使用指纹认证

7.5 敏感操作前验证登录信息

7.6 使用单因素身份验证

7.7 在Android设备上测试

7.8 使用ESlint检查代码安全性

7.9 让登录表单对浏览器更加友好

第8章 测试

8.1 使用React Testing Library

8.2 使用Storybook做渲染测试

8.3 使用Cypress做无服务器测试

8.4 使用Cypress做离线测试

8.5 使用Selenium在浏览器中测试

8.6 用ImageMagick测试跨浏览器的视觉效果

8.7 给移动端浏览器添加控制台

8.8 消除测试中的随机性

8.9 时间旅行

第9章 无障碍访问

9.1 使用地标元素

9.2 应用role、alt和title

9.3 使用ESlint检查可访问性

9.4 在运行时使用axe DevTools

9.5 使用Cypress Axe自动化浏览器测试

9.6 添加跳过按钮

9.7 添加跳过区域

9.8 将焦点锁定在模态窗口中

9.9 使用Speech API创建页面阅读器

第10章 性能

10.1 使用浏览器性能工具

10.2 使用Profiler跟踪渲染

10.3 创建Profiler单元测试

10.4 精确测量时间

10.5 使用代码分割技术减小应用程序体积

10.6 使用promise实现网络请求异步化

10.7 使用服务端渲染

10.8 使用Web Vitals

第11章 渐进式Web应用

11.1 使用Workbox创建Service Worker

11.2 使用Create React App创建渐进式Web应用

11.3 缓存第三方资源

11.4 自动重新加载Service Worker

11.5 添加通知

11.6 使用后台同步进行离线修改

11.7 添加自定义安装界面

11.8 提供离线响应