-
内容大纲
本书系统介绍Web应用全栈开发技术,通过一个真实的企业项目,讲解如何使用React全家桶以及Node.js、MongoDB进行全栈开发,帮助开发人员快速积累开发经验,全面掌握开发技巧。读完本书相当于真实参与一个完整的全栈项目开发。本书配套示例项目源代码。
本书共27章,内容包括开发环境的搭建、组件化的理解、主流前端框架的介绍、React组件和状态管理、Redux/React Redux的运用、Hooks API的运用、高阶组件、中间件、路由、webpack、axios、前端常用第三方工具库、UI框架antd、前端存储、国际化、toggle、前端调试、质量管理、前端工程化管理、与第三方继承、React项目性能优化、服务器开发的准备、Express应用框架、MongoDB的连接和数据操作、使用Postman测试接口、企业项目的React前端开发、企业项目的Node后端开发。
本书既适合React初学者、React+Node全栈开发初学者、了解基础知识但缺乏全栈开发经验的前端开发人员,以及想要拓宽职业技能的Web应用开发人员,也适合高等院校或高职高专Web应用开发相关课程的师生。 -
作者介绍
李海燕,联想(北京)有限公司前端开发工程师。毕业于北京理工大学,拥有十多年前端开发经验,深刻理解互联网和软件系统开发。曾就职于搜狐、天涯社区等公司。 -
目录
第1章 组件化开发
1.1 什么是组件化开发
1.1.1 多页应用
1.1.2 单页应用
1.1.3 组件化的概念
1.2 为什么要用组件化开发
1.2.1 前后端分离思想
1.2.2 组件复用
1.3 计算机选购配置系统
1.3.1 系统介绍
1.3.2 系统UI界面
1.3.3 登录页面和模块介绍
1.3.4 注册页面和模块介绍
1.3.5 内容页面初始界面和模块介绍
1.3.6 产品列表界面和模块介绍
1.4 小结
第2章 三大主流前端框架介绍
2.1 React
2.2 Vue
2.3 Angular
2.4 如何选型
2.5 小结
第3章 前端环境的搭建
3.1 Node.js的安装与使用
3.2 npm的安装与使用
3.3 nvm的安装与使用
3.4 CLI与create-react-app
3.5 小结
第4章 React全家桶介绍
4.1 React项目整体架构
4.2 状态管理
4.3 路由
4.4 集成axios
4.5 集成UI框架
4.6 小结
第5章 React组件
5.1 组件类型
5.1.1 class组件
5.1.2 function组件
5.1.3 Hooks
5.2 JSX
5.2.1 概念和原理
5.2.2 JSX规则
5.3 React组件状态管理
5.3.1 state
5.3.2 props
5.3.3 context
5.4 React组件的生命周期和执行时机
5.4.1 class组件的生命周期函数和执行时机
5.4.2 Hooks API执行时机
5.5 事件
5.6 小结
第6章 React Redux
6.1 React、Redux、React Redux的关系
6.2 Redux和Redux Toolkit
6.2.1 Redux中数据更新的流程
6.2.2 Redux的核心概念
6.2.3 Redux Toolkit
6.3 React Redux
6.3.1 Provider
6.3.2 connect
6.3.3 Hooks
6.4 结合案例的应用场景
6.5 小结
第7章 路由
7.1 路由原理
7.2 路由切换
7.2.1 Link
7.2.2 HashRouter/BrowserRoute和Route
7.2.3 useNavigate
7.2.4 useHistory
7.3 小结
第8章 webpack
8.1 什么是webpack
8.2 webpack的作用
8.3 webpack的配置
8.4 webpack-dev-server
8.5 create-react-app中配置proxy代理
8.6 小结
第9章 前端项目中常用的工具库
9.1 lodash
9.2 classnames
9.3 moment
9.4 uuid
9.5 小结
第10章 使用axios进行数据交互
10.1 axios的基本用法
10.2 封装axios公用组件
10.2.1 封装axios公用方法
10.2.2 在组件中调用封装好的axios方法
10.3 小结
第11章 前端调试利器
11.1 Chrome开发者工具
11.2 Redux DevTools
11.3 小结
第12章 UI框架
12.1 antd组件的基本用法
12.2 集成antd
12.3 使用示例
12.4 小结
第13章 前端存储
13.1 sessionStorage
13.2 localStorage
13.3 cookie
13.4 IndexDB
13.5 LevelDB
13.6 小结
第14章 中间件
14.1 什么是中间件
14.2 项目中常用的中间件
14.2.1 applyMiddleware
14.2.2 redux-thunk
14.3 小结
第15章 高阶组件
15.1 高阶函数和高阶组件
15.2 高阶组件的作用
15.3 自定义高阶组件
15.4 小结
第16章 国际化
16.1 什么是国际化
16.2 react-intl
16.3 antd组件国际化
16.4 小结
第17章 toggle控制
17.1 toggle介绍
17.2 toggle函数
17.3 toggle的使用
17.4 小结
第18章 前端质量管理
18.1 代码检查工具ESlint
18.2 单元测试
18.3 常用的测试框架
18.3.1 Jest
18.3.2 Chai
18.3.3 Sinon
18.4 小结
第19章 前端工程化管理
19.1 Git
19.2 GitHub和GitLab
19.3 单体仓库和多仓库策略的利弊
19.4 小结
第20章 与第三方集成
20.1 通过iframe标签的集成方式
20.2 带特定token的URL集成方式
20.3 微前端的集成方式
20.4 小结
第21章 React项目的性能优化
21.1 组件拆分
21.2 函数功能单一
21.3 循环中的key
21.4 shouldComponentUpdate防止组件重复渲染
21.5 PureComponent代替Component
21.6 懒加载组件
21.7 Gzip压缩
21.8 小结
第22章 服务器端开发的准备
22.1 模块化规范
22.1.1 CommonJS
22.1.2 AMD
22.1.3 CMD
22.1.4 ES
22.2 HTTP/HTTPS协议
22.3 Content-Type
22.4 小结
第23章 Express应用框架
23.1 Node.js基础
23.2 什么是Express
23.3 安装Express
23.4 Express基础
23.4.1 常用方法
23.4.2 Express中间件
23.4.3 快速编写Hello World程序
23.5 RESTful接口规范
23.6 脚手架express-generator
23.6.1 脚手架安装
23.6.2 脚手架项目结构
23.7 nodemon
23.8 jsonwebtoken
23.9 cors
23.10 实现get接口
23.11 实现post接口
23.12 小结
第24章 MongoDB的连接和数据操作
24.1 MongoDB的简介与安装
24.2 MongoDB的存储结构
24.3 MongoDB的连接
24.4 集成MongoDB到Express框架中
24.5 小结
第25章 使用Postman测试接口
25.1 Postman的下载与安装
25.2 界面导航说明
25.3 测试get接口
25.4 测试post接口
25.5 小结
第26章 项目React前端开发
26.1 项目开发流程
26.2 项目初始化与配置
26.3 项目架构
26.4 项目公共文件
26.4.1 编写项目公用样式文件
26.4.2 增加项目的静态文件
26.4.3 增加项目的代理文件setupProxy.js
26.4.4 编写request.js
26.4.5 编写constants.js
26.4.6 创建空文件占位
26.5 项目的入口文件index.js
26.6 编写登录/注册页面
26.6.1 容器组件Login
26.6.2 表单子组件LoginForm
26.7 编写系统介绍模块
26.8 编写功能区模块
26.8.1 容器组件Bar
26.8.2 子组件Step
26.8.3 子组件Step
26.8.4 子组件AppIcons
26.8.5 子组件AppLists
26.8.6 子组件Search
26.9 编写联系我们模块
26.10 编写产品模块
26.10.1 容器组件Products
26.10.2 子组件SearchSoftwares
26.10.3 子组件ClearAll
26.10.4 子组件ProductLists
26.10.5 子组件Product
26.10.6 子组件CarouselCard
26.10.7 子组件CarouselButton
26.10.8 子组件Category
26.10.9 子组件Stock
26.10.10 子组件ProductTable
26.10.11 子组件TotalPrice
26.10.12 子组件PriceTip
26.11 编写反馈模块
26.11.1 容器组件FeedBack
26.11.2 子组件FeedBackModal
26.12 编写内容页面
26.13 编写组件处理国际化
26.14 编写组件样式
26.15 编写actions.js
26.15.1 Login组件的actions
26.15.2 Bar组件的actions
26.15.3 Product组件的actions
26.15.4 FeedBack组件的actions
26.15.5 App组件的actions
26.15.6 Wrappers组件的actions
26.16 编写selector.js
26.16.1 Login组件的selector
26.16.2 Bar组件的selector
26.16.3 Product组件的selector
26.16.4 Wrappers组件的selector
26.17 mock数据
26.18 增加toggle控制
26.19 小结
第27章 项目Node后端开发
27.1 开发环境的准备和搭建
27.2 编写公用文件
27.3 创建并连接MongoDB数据库,准备数据
27.4 定义接口的路由
27.5 编写接口/login
27.6 编写接口/register
27.7 编写接口/featuresToggle
27.8 编写接口/product/getLocales
27.9 编写接口/product/getApplication
27.10 编写接口/product/recommend
27.11 编写接口/product/saveFeedback
27.12 小结
同类热销排行榜
- C语言与程序设计教程(高等学校计算机类十二五规划教材)16
- 电机与拖动基础(教育部高等学校自动化专业教学指导分委员会规划工程应用型自动化专业系列教材)13.48
- 传感器与检测技术(第2版高职高专电子信息类系列教材)13.6
- ASP.NET项目开发实战(高职高专计算机项目任务驱动模式教材)15.2
- Access数据库实用教程(第2版十二五职业教育国家规划教材)14.72
- 信号与系统(第3版下普通高等教育九五国家级重点教材)15.08
- 电气控制与PLC(普通高等教育十二五电气信息类规划教材)17.2
- 数字电子技术基础(第2版)17.36
- VB程序设计及应用(第3版十二五职业教育国家规划教材)14.32
- Java Web从入门到精通(附光盘)/软件开发视频大讲堂27.92
推荐书目
-
孩子你慢慢来/人生三书 华人世界率性犀利的一枝笔,龙应台独家授权《孩子你慢慢来》20周年经典新版。她的《...
-
时间简史(插图版) 相对论、黑洞、弯曲空间……这些词给我们的感觉是艰深、晦涩、难以理解而且与我们的...
-
本质(精) 改革开放40年,恰如一部四部曲的年代大戏。技术突变、产品迭代、产业升级、资本对接...