我的开发之路系列 - React学习指南.pdf

目 录 简介 第一章 React入门 1.1 创建一个React项目 1.2 组件 1.3 JSX 1.4 eject 1.5 渲染 第二章 React组件 2.1 组件定义 2.2 数据处理 2.2.1 props 2.2.2 state 2.3 生命周期 2.3.1 装载过程 2.3.2 更新过程 2.3.3 卸载过程 2.4 事件处理 2.5 条件渲染 2.6 列表渲染 第三章 React高级 3.1 静态类型检查 3.1.1 flow 3.1.2 typescript 3.2 React Developer Tools 第四章 Redux状态管理 4.1 安装与配置 4.2 一个简单的计数器开始 4.3 Store 4.3.1 获取state 4.3.2 subscribe 4.4 Action 4.4.1 Action Creators 4.5 Reducer 4.5.1 Reducer 的拆分 4.6 与其他状态管理工具的对比 第五章 React-Router路由 参考资料 本文档使用 看云 构建 - 2 - 本文档使用 看云 构建 - 3 - 简介 简介 React 起源于 Facebook 的内部项目 ，它是一款JS库 ，因为该公司对市场上所有 JavaScript MVC 框 架 ，都不满意 ，就决定自己写一套 ，用来架设 Instagram 的网站。做出来以后 ，发现这套东西很好 用 ，就在2013年5月开源了。 React 学习指南 本书为本人在学习 React 过程中 ，从大量相关书籍和资料中汇总出的 React 开发精髓 ，其中包含大量实 例 ，方便查阅 ，特在此分享 ，希望对大家有用。 我本人也是一个 React 的学习者 ， 不敢说自己有多高的水平 ， 只是在学习过程中做了详细的笔记而已。 在写作过程中难免有不尽人意的地方 ， 希望大家在阅读中提出勘误 ， 本人会极力纠正 ，谢谢。 个人博客 ：http//blog.xiaoyulive.top GitHub ：https///quanzaiyu 联系我 email xiaoyu@xiaoyulive.top qq 731734107 声明 本书部分素材、图片和代码来源于互联网 ，感谢互联网提供的各种资源 ，如有侵权请联系本人 ，谢谢 ！ 本文档使用 看云 构建 - 4 - 简介 - 本文档使用 看云 构建 - 5 - 第一章 React入门 第一章 React入门 React 是什么 用脚本进行DOM操作的代价很昂贵。有个贴切的比喻 ，把DOM和JavaScript各自想象为一个岛屿 ，它们 之间用收费桥梁连接 ，js每次访问DOM ，都要途径这座桥 ，并交纳 “过桥费”,访问DOM的次数越多 ，费 用也就越高。 因此 ，推荐的做法是尽量减少过桥的次数 ，努力待在ECMAScript岛上。因为这个原因react 的虚拟dom就显得难能可贵了 ，它创造了虚拟dom并且将它们储存起来 ，每当状态发生变化的时候就会创 造新的虚拟节点和以前的进行对比 ，让变化的部分进行渲染