React Native企业实战

领先的实用技能——打造前端开发工程师 科学的训练模式——授人以渔而不只是作品临摹

真实的项目驱动——行业知识与专业设计相呼应 便捷的学习体验——传统教材与二维码革命性携手

丰富的实践资源——提供大量GitHub 资源 资深的教学团队——前沿的实际开发经验和技巧总结

随着互联网技术的飞速发展，“互联网+”时代已经悄然到来，这自然催生了互联网行业工种的细分，前端开发工程师这个职业应运而生，各行业、企业对前端设计开发人才的需求也日益增长。与传统网页开发设计人员相比，新“互联网+”时代对前端开发工程师提出了更高的要求，传统网页开发设计人员已无法胜任。在这样的大环境下，这套“前端开发工程师系列”教材应运而生，旨在帮助读者快速成长为符合“互联网+”时代企业需求的优秀的前端开发工程师。

“前端开发工程师系列”教材是由课工场（www.kgc.cn）的教研团队研发的。课工场是北京大学下属企业北京课工场教育科技有限公司推出的互联网教育平台，专注于互联网企业各岗位人才的培养。平台汇聚了数百位来自知名培训机构、高校的顶级名师和互联网企业的行业专家，面向大学生以及需要“充电”的在职人员，针对与互联网相关的产品设计、开发、运维、推广和运营等岗位，提供在线的直播和录播课程，并通过遍及全国的几十家线下服务中心提供现场面授以及多种形式的教学服务，并同步研发出版最新的课程教材。本书由肖睿、王曙光任主编，南洋、桑宇鹏、宋磊任副主编，其中王曙光编写第1章至第3章，南洋编写第4章至第7章，桑宇鹏编写第8章，宋磊编写第9章。

为培养互联网前端设计开发人才，课工场特别推出“前端开发工程师系列”教育产品，提供各种学习资源和支持，包括：

 现场面授课程

 在线直播课程

 录播视频课程

 案例素材下载

 学习交流社区

 QQ讨论组（技术、就业、生活）

以上所有资源请访问课工场（www.kgc.cn）。

本套教材特点

（1）科学的训练模式。

 科学的课程体系。

 创新的教学模式。

 技能人脉，实现多方位就业。

 随需而变，支持终身学习。

（2）真实的项目驱动。

 覆盖80%的网站效果制作。

 几十个实训项目，涵盖电商、金融、教育、旅游、游戏等行业。

（3）便捷的学习体验。

 每章提供二维码扫描，可以直接观看相关视频讲解和案例操作。

 课工场开辟教材配套版块，提供素材下载、学习社区等丰富的在线学习资源。

读者对象

（1）初学者：本套教材将帮助你快速进入互联网前端开发行业，从零开始逐步成长为专业的前端开发工程师。

（2）初级前端开发者：本套教材将带你进行全面、系统的互联网前端设计开发学习，帮助你梳理全面、科学的技能理论，提供实用的开发技巧和项目经验。

课工场出品（www.kgc.cn）

第1章 前端的发展之路 1
1 前端的各个时代 2
1.1 IE6时代 2
1.2 Web 2.0时代 2
1.3 Node.js时代 3
1.3.1 服务 3
1.3.2 构建 3
1.4 跨端时代 4
2 MV*框架的发展 4
2.1 Angular 4
2.2 Vue.js 4
2.3 React 5
2.4 Polymer 5
2.5 Riot 5
2.6 Backbone.js 6
3 React包含哪些 6
3.1 虚拟DOM 6
3.2 JSX 7
3.3 render函数 7
3.4 组件 8
4 准备学习React 8
4.1 组件生命周期 8
4.2 ES6 9
4.3 NPM 9
4.4 Babel 10
4.5 Gulp 10
本章总结 11
本章作业 11
第2章 Node.js环境搭建 13
1 Node.js介绍 14
1.1 Node.js安装 14
1.2 模块化 16
1.2.1 CommonJS规范 16
1.2.2 require方法 16
1.2.3 综合案例分析 17
1.3 核心模块 17
1.3.1 http 18
1.3.2 fs 18
1.3.3 path 19
1.3.4 querystring 19
1.3.5 crypto 19
1.3.6 util 20
1.4 第三方模块 20
1.4.1 request 21
1.4.2 async 21
1.4.3 commander 21
1.4.4 html-minifier 22
1.4.5 less 22
1.4.6 lru-cache 23
1.4.7 qs 24
1.4.8 rimraf 24
1.4.9 shelljs 24
1.4.10 yargs 24
2 Node.js调试 25
2.1 GUI方式—Node Inspector 25
2.2 内置调试—Node debug 26
3 Node.js命令行工具 26
3.1 可执行文件 26
3.2 命令行支持参数 27
4 NPM 27
4.1 安装第三方工具包 28
4.2 package.json文件 29
4.3 常用命令 30
4.4 发布工具包 31
4.5 取消发布过的工具包 32
本章总结 32
本章作业 33
第3章 Gulp 35
1 Gulp是什么 36
1.1 Gulp安装 36
1.2 gulpfile文件 37
1.3 Gulp命令行 38
1.3.1 gulp -T 38
1.3.2 gulp -h 38
2 Gulp常用API 38
2.1 gulp.src 39
2.2 gulp.dest 39
2.3 gulp.task 40
2.4 gulp.watch 41
3 Gulp插件 42
3.1 编译less文件 42
3.2 编译stylus文件 43
3.3 编译sass文件 44
3.4 压缩css文件 44
3.5 在css里面自动添加浏览器前缀 45
3.6 压缩js文件 46
3.7 合并多个文件 47
3.8 压缩html文件 47
3.9 给文件名增加md5 48
3.10 如何启动本地服务 49
3.11 支持pug模板编译 50
3.12 支持zip压缩 51
4 Gulp优化 51
4.1 优化一：清理文件和文件夹 51
4.2 优化二：把配置抽离到文件中去 52
4.3 优化三：拆分Gulp任务 53
本章总结 54
本章作业 54
第4章 初识React 55
1 MV*模式 56
1.1 MVC 56
1.2 MVP 56
1.3 MVVM 57
2 React简介 57
2.1 什么是React 58
2.2 如何安装 58
2.3 特性 58
2.3.1 JSX 60
2.3.2 数据传递 61
3 React组件化 68
3.1 组件生命周期 68
3.2 编写一个完整的Button组件 69
本章总结 71
本章作业 71
第5章 Flux 73
1 安装 74
2 基础知识 74
本章总结 81
本章作业 81
第6章 React + Redux实战 83
1 为什么使用Redux 84
1.1 撤销与重做 85
1.2 Redux DevTools调试工具 86
2 Redux 87
2.1 Redux设计思想 87
2.2 Redux核心概念与API 88
2.3 Redux工作流程 92
2.4 react-redux的用法 92
3 实例：TodoList 96
4 单元测试 102
4.1 Action创建函数（Action Creators） 103
4.2 Reducers 103
4.3 Components 105
4.4 连接组件 106
本章总结 107
本章作业 107
第7章 React Router 109
1 React Router概述 110
1.1 路由的基本原理 110
1.2 React Router基本用法 114
2 React Router组件介绍 117
2.1 Router组件 117
2.2 Route组件 119
2.3 Link组件 121
2.4 其他组件 122
2.4.1 Switch组件 122
2.4.2 Redirect组件 123
2.4.3 Prompt组件 123
3 案例：React Router的运用 124
3.1 Sidebar 124
3.2 Modal Gallery 126
本章总结 130
本章作业 130
第8章 服务器端渲染 131
1 为什么用服务器端渲染 132
1.1 利于SEO 132
1.2 减少首次渲染时间 134
1.3 前后端代码同构 136
2 服务器端渲染示例 136
3 state的处理 140
4 Router的处理 144
本章总结 148
本章作业 148
第9章 React Native开发 151
1 React Native开发入门 152
1.1 搭建iOS App的RN开发环境 152
1.2 搭建Android App的RN开发环境 154
1.3 Hello World 158
2 布局 158
2.1 React Native布局和标准Flexbox
的区别 159
2.2 Flexbox三个重要布局属性的用法 159
2.3 Flexbox布局案例 161
3 JSX在React Native中的应用 165
4 React Native UI组件 166
4.1 运行UI组件示例 167
4.2 理解基础组件View 169
本章总结 173
本章作业 173

1. 零基础玩转国产大模型DeepSeek [徐永冰 张帅 编著]
2. 网络工程师5天修炼（适配第6版考纲） [主编　朱小平 施游]
3. 信息系统项目管理师考试32小时通关（适用第4版考纲） [薛大龙]
4. 信息系统管理工程师考试32小时通关（适配第2版考纲） [薛大龙　刘伟]
5. 土木工程材料检测实训 [洪晓江 达则晓丽 钱波]
6. 科技信息检索与论文写作实用教程 [李振华]
7. 传统山水画论解读与实践 [陈钠 著]
8. Python数据库编程 [主编 殷树友 邢 翀]
9. 计算机基础实训指导 [主编 袁春萍 朱妮]
10. 嵌入式人工智能技术应用（数字教材） [主编 胡娜 杨国勇 晏廷荣]
11. Vienna整流器技术 [桂存兵 著]
12. 变频器与伺服应用 [陈刚 叶云飞]
13. 物联网工程设计与实践 [汤琳 李敏]
14. 炉边夜话——深入浅出话AI [汪建　著]
15. 电商运营与管理 [钟肖英 陈潇]
16. Java面向对象程序设计 [主编 姜春磊 陈虹洁]
17. 信息技术基础（Windows 10+WPS Office）（微课版） [主编　石利平　田辉平　谢盛嘉]
18. 人工智能应用 [主编　陈　萍　刘培培　陈孟军]
19. 大学生职业发展与就业指导 [主编　刘志坚]
20. 高级办公应用项目教程 [主编 屈晶 赵成丽]
21. 微信小程序开发项目实战（微课版） [主编 黄龙泉 郭峰 朱倩]
22. 企业档案工作实战宝典百问百答 [华俊 卢秀英 邵甜甜 著]
23. 计算机网络原理及应用 [主编 唐继勇 叶坤 孙梦娜]
24. 大学生创业基础 [主编 王丽莉 王 杨]
25. 船舶辅机 [主编 王连海 于洋 姜淑翠]
26. 大学生就业指导 [主编 王丽莉 董宴廷]
27. 系统架构设计师章节习题与考点特训 [主编 薛大龙 邹月平]
28. 高校学生工作探索与实践 [郭亮 著]
29. 大学生情商管理 [方雄 著]
30. 2023年长沙市会展业发展报告 [主编 周栋良]