React+Node.js开发实战:从入门到项目上线电子书

前言

第1篇 React和Node.js基础

第1章 准备：搭建React+Node.js开发环境

1.1 为什么选择React+Node.js

1.1.1 React的优势

1.1.2 Node.js的优势

1.1.3 React+Node.js组合的优势

1.2 搭建Node.js环境

1.2.1 安装Node.js

1.2.2 常用工具1：NPM、CNPM和NRM

1.2.3 常用工具2：YARN

1.2.4 常用工具3：npx和npm scripts

1.2.5 第一个Node.js示例

1.3 搭建React环境

1.3.1 安装React

1.3.2 第一个React示例

1.3.3 第一个React+Node.js组合示例

1.4 React+Node.js开发工具

1.4.1 Visual Studio Code简介

1.4.2 Chrome简介

1.4.3 Postman简介

1.5 小结

第2章 前端开发：React技术从0到1

2.1 JSX简介

2.1.1 JSX的由来

2.1.2 JSX语法

2.2 组件

2.2.1 组件的定义

2.2.2 高阶组件

2.3 数据流

2.3.1 Props与State简介

2.3.2 组件通信简介

2.3.3 Context API简介

2.3.4 Redux简介

2.3.5 MobX简介

2.4 生命周期

2.4.1 挂载和卸载

2.4.2 状态更新

2.5 小结

第3章 后端开发：Node.js技术从0到1

3.1 Node.js的特性

3.1.1 模块化规范

3.1.2 异步I/O和事件驱动

3.2 HTTP简介

3.2.1 请求和响应

3.2.2 RESTful架构风格

3.2.3 JSON数据格式

3.3 开始使用Node.js

3.3.1 hello world示例

3.3.2 回调函数与Promise对象

3.3.3 调试工具

3.4 Node.js的常用模块

3.4.1 全局变量

3.4.2 工具模块

3.4.3 HTTP模块

3.4.4 事件循环和EventEmitter

3.5 小结

第2篇 打包部署和项目开发实战

第4章 构建与部署

4.1 Webpack简介

4.1.1 一切皆模块

4.1.2 Webpack的使用

4.1.3 Webpack环境配置

4.1.4 Webpack进阶

4.2 Nginx简介

4.2.1 Nginx的基本特性

4.2.2 Nginx的安装

4.2.3 Nginx的配置

4.2.4 Nginx的高级特性

4.3 PM2简介

4.3.1 守护进程

4.3.2 进程管理工具对比

4.3.3 PM2的安装和使用

4.4 部署

4.4.1 React的部署

4.4.2 Node.js的部署

4.5 小结

第5章 项目实战1：React+Node.js实现单页面评论系统

5.1 研发流程

5.2 产品原型

5.2.1 文章列表页

5.2.2 文章详情与评论页

5.2.3 文章编辑页

5.3 技术选型

5.3.1 前端技术

5.3.2 后端技术

5.4 项目开发

5.4.1 文章列表

5.4.2 文章详情与评论

5.4.3 文章编辑

5.5 测试部署

5.5.1 接口测试

5.5.2 项目部署

5.6 小结

第3篇 React和Node.js进阶

第6章 React进阶

6.1 虚拟DOM

6.2 Diff算法

6.2.1 Tree Diff简介

6.2.2 Component Diff简介

6.2.3 Element Diff简介

6.3 Fiber机制

6.3.1 Fiber树

6.3.2 Reconciliation阶段

6.3.3 Commit阶段

6.3.4 React Fiber小结

6.4 Immutable.js库

6.4.1 浅拷贝

6.4.2 深拷贝

6.4.3 Immutable.js简介

6.5 Hook特性

6.5.1 State Hook简介

6.5.2 Effect Hook简介

6.5.3 自定义Hook

6.5.4 其他Hook

6.6 小结

第7章 Node.js进阶

7.1 跨域

7.1.1 同源策略

7.1.2 跨域方案

7.2 鉴权

7.2.1 Session机制

7.2.2 JWT标准

7.3 缓存

7.3.1 Redis方案

7.3.2 单点登录

7.4 对象—关系映射

7.4.1 Sequelize——关系型数据库的ORM实现

7.4.2 Mongoose——MongoDB的ORM实现

7.5 小结

第8章 项目实战2：React+Node.js实现社区项目从开发到上线

8.1 产品原型

8.1.1 注册与登录

8.1.2 新建主题

8.1.3 主题列表

8.1.4 主题详情

8.1.5 评论功能

8.2 技术选型

8.2.1 服务器端

8.2.2 Web前端

8.3 项目开发

8.3.1 注册与登录

8.3.2 新建主题

8.3.3 主题列表

8.3.4 主题详情

8.3.5 评论功能

8.4 项目部署与测试

8.4.1 项目部署

8.4.2 E2E测试

8.5 小结

第4篇 项目优化和服务端渲染

第9章 项目优化

9.1 浏览器缓存

9.1.1 强缓存

9.1.2 协商缓存

9.1.3 缓存位置

9.1.4 缓存策略

9.1.5 缓存示例

9.2 压缩

9.2.1 UglifyJS工具集

9.2.2 gzip压缩

9.3 懒加载

9.3.1 组件懒加载

9.3.2 路由懒加载

9.4 按需引入

9.4.1 Tree Shaking——垃圾代码净化

9.4.2 部分引入

9.5 负载均衡

9.5.1 负载均衡分类

9.5.2 负载均衡工具

9.5.3 负载均衡实现

9.6 CDN简介

9.6.1 工作过程

9.6.2 系统组成

9.7 小结

第10章 服务端渲染

10.1 服务端渲染简介

10.1.1 客户端渲染示例

10.1.2 服务端渲染示例

10.1.3 客户端渲染和服务端渲染的优缺点

10.2 React服务端渲染

10.2.1 组件

10.2.2 同构

10.2.3 路由

10.2.4 状态

10.3 Next.js服务端渲染

10.3.1 Next.js简介

10.3.2 Next.js开发

10.4 SEO——搜索引擎优化

10.4.1 React Helmet组件

10.4.2 预渲染

10.5 小结