React 快速上手开发 PDF 文档
本书是 React 入门书。前 3 章介绍如何从空白的 HTML 页面开始构建应用。第 4 章介绍 JSX 语法。从第 5 章开始,你会学习到在实际开发中可能用到的一些附加工具。本书介绍的例子包括 JavaScript 打包工具、单元测试、语法检查、类型、在应用中组织数据流以及不可变数据。
本书适合有 JavaScript 基础的前端开发人员。
本书从 Web 开发的角度介绍如何学习 React。在前 3 章,你将从一个空白的 HTML 页面开始构建应用。这使得你可以将关注点放在 React 本身,无需了解任何新语法或者辅助工具。
第 4 章介绍 JSX。这是一项单独、可选的技术,通常会同 React 一起使用。从第 5 章开始, 你将学习在实际开发中可能用到的一些附加工具。 介绍的例子包括 JavaScript 打包工具(Browserify)、单元测试(Jest)、语法检查(ESLint)、类型(Flow)、在应用中组织数据流(Flux)以及不可变数据(Immutable.js)。所有关于这些辅助技术的讨论都会力求简化,让你依然将精力放在 React 上。你会很快熟悉这些工具的使用,并能根据具体情况选择使用哪些工具。
前言
第 1 章 Hello World
1.1 设置
1.2 Hello React World
1.3 刚才发生了什么
1.4 React.DOM.*
1.5 特殊 DOM 属性
1.6 React DevTools 浏览器扩展
1.7 下一步:自定义组件
第 2 章 组件的生命周期
2.1 基础
2.2 属性
2.3 propTypes
2.4 state
2.5 带状态的文本框组件
2.6 关于 DOM 事件的说明
2.6.1 传统的事件处理
2.6.2 React 的事件处理
2.7 props 与 state
2.8 在初始化 state 时使用 props:一种反模式
2.9 从外部访问组件
2.10 中途改变属性
2.11 生命周期方法
2.12 生命周期示例:输出日志记录
2.13 生命周期示例:使用 mixin
2.14 生命周期示例:使用子组件
2.15 性能优化:避免组件更新
2.16 PureRenderMixin
第 3 章 Excel:一个出色的表格组件
3.1 构造数据
3.2 表头循环
3.3 消除控制台的警告信息
3.4 添加<td>内容
3.5 排序
3.6 排序的视觉提示
3.7 编辑数据
3.7.1 可编辑单元格
3.7.2 输入字段的单元格
3.7.3 保存
3.7.4 结论与虚拟 DOM Diff 算法
3.8 搜索
3.8.1 状态与界面
3.8.2 筛选内容
3.8.3 如何改进搜索功能
3.9 即时回放
3.9.1 如何改进回放功能
3.9.2 有另一种实现方法吗
3.10 下载表格数据
第 4 章 JSX
4.1 Hello JSX
4.2 转译 JSX
4.3 Babel
4.4 客户端
4.5 关于 JSX 转换
4.6 在 JSX 中使用 JavaScript
4.7 在 JSX 中使用空格
4.8 在 JSX 中使用注释
4.9 HTML 实体
4.10 展开属性
4.11 在 JSX 中返回多个节点
4.12 JSX 和 HTML 的区别
4.12.1 class 和 for 属性不能用了吗
4.12.2 style 属性值是一个对象
4.12.3 闭合标签
4.12.4 用驼峰法命名属性
4.13 JSX 和表单
4.13.1 onChange 处理器
4.13.2 value 和 defaultValue 的区别
4.13.3 <textarea>的值
4.13.4 <select>的值
4.14 使用 JSX 实现 Excel 组件
第 5 章 为应用开发做准备
5.1 一个模板应用
5.1.1 文件和目录
5.1.2 index.html
5.1.3 CSS
5.1.4 JavaScript
5.1.5 更现代化的 JavaScript
5.2 安装必备工具
5.2.1 Node.js
5.2.2 Browserify
5.2.3 Babel
5.2.4 React 相关
5.3 开始构建
5.3.1 转译 JavaScript
5.3.2 打包 JavaScript
5.3.3 打包 CSS
5.3.4 大功告成
5.3.5 Windows 版本
5.3.6 在开发过程中构建
5.4 发布
5.5 更进一步
第 6 章 构建应用
6.1 Whinepad v.0.0.1
6.1.1 基本设置
6.1.2 开始编写代码
6.2 组件
6.2.1 设置
6.2.2 组件发现工具
6.2.3 <Button> 组件
6.2.4 Button.css
6.2.5 Button.js
6.2.6 表单
6.2.7 <Suggest>
6.2.8 <Rating> 组件
6.2.9 <FormInput>“工厂组件”
6.2.10 <Form>
6.2.11 <Actions>
6.2.12 对话框
6.3 应用配置
6.4 <Excel>:改进的新版本
6.5 <Whinepad>
6.6 总结
第 7 章 lint、Flow、测试与复验
7.1 package.json
7.1.1 配置 Babel
7.1.2 脚本
7.2 ESLint
7.2.1 安装
7.2.2 运行
7.2.3 规则列表
7.3 Flow
7.3.1 安装
7.3.2 运行
7.3.3 注册类型检查
7.3.4 修复<Button>
7.3.5 app.js
7.3.6 关于 props 和 state 类型检查的更多内容
7.3.7 导出/ 导入类型
7.3.8 类型转换
7.3.9 invariant
7.4 测试
7.4.1 安装
7.4.2 首个测试
7.4.3 首个 React 测试
7.4.4 测试<Button>组件
7.4.5 测试<Actions>组件
7.4.6 更多模拟交互
7.4.7 测试完整的交互
7.4.8 代码覆盖率
第 8 章 Flux
8.1 理念
8.2 回顾 Whinepad
8.3 Store
8.3.1 Store 事件
8.3.2 在<Whinepad>中使用 Store
8.3.3 在<Excel>中使用 Store
8.3.4 在<Form>中使用 Store
8.3.5 界定
8.4 Action
8.4.1 CRUD Action
8.4.2 搜索与排序
8.4.3 在<Whinepad>中使用 Action
8.4.4 在<Excel>中使用 Action
8.5 Flux 回顾
8.6 immutable
8.6.1 immutable 存储数据
8.6.2 immutable 数据操作
下载地址:https://www.wenjiangs.com/wp-content/uploads/2024/01/ag8pcrXAMY7vPCg3.zip
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论