当前位置:首页 > 程序设计 >
《react快速上手开发》电子书封面

react快速上手开发

  • 发布时间:2019年11月15日 14:12:52
  • 作者:斯托扬·斯特凡诺夫
  • 大小:9.17 MB
  • 类别:react电子书
  • 格式:PDF
  • 版本:高清版
  • 评分:9.4

    react推荐

    react快速上手开发 PDF 高清版

      给大家带来的一篇关于react相关的电子书资源,介绍了关于react、react上手、react开发方面的内容,本书是由人民邮电出版社出版,格式为PDF,资源大小9.17 MB,斯托扬·斯特凡诺夫编写,目前豆瓣、亚马逊、当当、京东等电子书综合评分为:9.4分

      Tags:

      内容介绍

      react快速上手开发 PDF

      本书旨在帮你掌握Facebook的开源技术React,迅速建立富Web应用,构建组件并将其组织成可维护的大型应用程序。解开Web应用开发之谜,从了解React基本原理开始。

      目录

      • 译者序  xiii
      • 前言  xv
      • 第1章 Hello World  1
      • 1.1 设置  1
      • 1.2 Hello React World  2
      • 1.3 刚才发生了什么  4
      • 1.4 React.DOM.*  4
      • 1.5 特殊DOM属性  7
      • 1.6 React DevTools浏览器扩展  8
      • 1.7 下一步:自定义组件  9
      • 第2章 组件的生命周期  10
      • 2.1 基础  10
      • 2.2  属性  12
      • 2.3 propTypes  13
      • 2.4 state  16
      • 2.5 带状态的文本框组件  16
      • 2.6 关于DOM事件的说明  19
      • 2.6.1 传统的事件处理  20
      • 2.6.2 React的事件处理  21
      • 2.7 props与state  21
      • 2.8 在初始化state时使用props:一种反模式  22
      • 2.9 从外部访问组件  22
      • 2.10 中途改变属性  24
      • 2.11 生命周期方法  25
      • 2.12 生命周期示例:输出日志记录  26
      • 2.13 生命周期示例:使用mixin  28
      • 2.14 生命周期示例:使用子组件  30
      • 2.15 性能优化:避免组件更新  32
      • 2.16 PureRenderMixin  34
      • 第3章 Excel:一个出色的表格组件  37
      • 3.1 构造数据  37
      • 3.2 表头循环  38
      • 3.3 消除控制台的警告信息  40
      • 3.4 添加<td>内容  41
      • 3.5 排序  44
      • 3.6 排序的视觉提示  46
      • 3.7 编辑数据  47
      • 3.7.1 可编辑单元格  48
      • 3.7.2 输入字段的单元格  50
      • 3.7.3 保存  50
      • 3.7.4 结论与虚拟DOM Diff算法  51
      • 3.8 搜索  52
      • 3.8.1 状态与界面  54
      • 3.8.2 筛选内容  55
      • 3.8.3 如何改进搜索功能  57
      • 3.9 即时回放  58
      • 3.9.1 如何改进回放功能  59
      • 3.9.2 有另一种实现方法吗  59
      • 3.10 下载表格数据  59
      • 第4章 JSX  62
      • 4.1 Hello JSX  62
      • 4.2 转译JSX  63
      • 4.3 Babel  64
      • 4.4 客户端  64
      • 4.5 关于JSX转换  66
      • 4.6 在JSX中使用JavaScript  68
      • 4.7 在JSX中使用空格  69
      • 4.8 在JSX中使用注释  70
      • 4.9 HTML实体  71
      • 4.10 展开属性  73
      • 4.11 在JSX中返回多个节点  75
      • 4.12 JSX和HTML的区别  77
      • 4.12.1 class和for属性不能用了吗  77
      • 4.12.2 style属性值是一个对象  77
      • 4.12.3 闭合标签  78
      • 4.12.4 用驼峰法命名属性  78
      • 4.13 JSX 和表单  78
      • 4.13.1 onChange处理器  78
      • 4.13.2 value和defaultValue的区别  79
      • 4.13.3 <textarea>的值  79
      • 4.13.4 <select>的值  80
      • 4.14 使用JSX实现Excel组件  82
      • 第5章 为应用开发做准备  83
      • 5.1 一个模板应用  83
      • 5.1.1 文件和目录  84
      • 5.1.2 index.html  85
      • 5.1.3 CSS  86
      • 5.1.4 JavaScript  86
      • 5.1.5 更现代化的JavaScript  86
      • 5.2 安装必备工具  89
      • 5.2.1 Node.js  90
      • 5.2.2 Browserify  90
      • 5.2.3 Babel  90
      • 5.2.4 React相关  91
      • 5.3 开始构建  91
      • 5.3.1 转译JavaScript  91
      • 5.3.2 打包JavaScript  92
      • 5.3.3 打包CSS  92
      • 5.3.4 大功告成  92
      • 5.3.5 Windows版本  93
      • 5.3.6 在开发过程中构建  93
      • 5.4 发布  94
      • 5.5 更进一步  95
      • 第6章 构建应用  96
      • 6.1 Whinepad v. 0.0.1  96
      • 6.1.1  基本设置  97
      • 6.1.2  开始编写代码  97
      • 6.2 组件  99
      • 6.2.1 设置  99
      • 6.2.2 组件发现工具  100
      • 6.2.3 <Button>组件  101
      • 6.2.4 Button.css  102
      • 6.2.5 Button.js  103
      • 6.2.6 表单  106
      • 6.2.7 <Suggest>  106
      • 6.2.8 <Rating>组件  109
      • 6.2.9 <FormInput>“工厂组件”  112
      • 6.2.10 <Form>  115
      • 6.2.11 <Actions>  117
      • 6.2.12 对话框  119
      • 6.3 应用配置  121
      • 6.4 <Excel>:改进的新版本  123
      • 6.5 <Whinepad>  131
      • 6.6 总结  134
      • 第7章 lint、Flow、测试与复验  136
      • 7.1 package.json  136
      • 7.1.1 配置Babel  137
      • 7.1.2 脚本  137
      • 7.2 ESLint138
      • 7.2.1 安装  138
      • 7.2.2 运行  138
      • 7.2.3 规则列表  140
      • 7.3 Flow  140
      • 7.3.1 安装  141
      • 7.3.2 运行  141
      • 7.3.3 注册类型检查  141
      • 7.3.4 修复<Button>  142
      • 7.3.5 app.js  144
      • 7.3.6 关于props和state类型检查的更多内容145
      • 7.3.7 导出/导入类型  147
      • 7.3.8 类型转换  148
      • 7.3.9 invariant  148
      • 7.4 测试  150
      • 7.4.1 安装  150
      • 7.4.2 首个测试  151
      • 7.4.3 首个React测试  152
      • 7.4.4 测试<Button>组件  153
      • 7.4.5 测试<Actions>组件  157
      • 7.4.6 更多模拟交互  159
      • 7.4.7 测试完整的交互  160
      • 7.4.8 代码覆盖率  163
      • 第8章 Flux  165
      • 8.1 理念  166
      • 8.2 回顾Whinepad  166
      • 8.3 Store  167
      • 8.3.1 Store事件  169
      • 8.3.2 在<Whinepad>中使用Store  170
      • 8.3.3 在<Excel>中使用Store  173
      • 8.3.4 在<Form>中使用Store  174
      • 8.3.5 界定  174
      • 8.4 Action  175
      • 8.4.1 CRUD Action  175
      • 8.4.2 搜索与排序  176
      • 8.4.3 在<Whinepad>中使用Action  178
      • 8.4.4 在<Excel>中使用Action  179
      • 8.5 Flux回顾181
      • 8.6 immutable  182
      • 8.6.1 immutable存储数据  183
      • 8.6.2 immutable数据操作  184
      • 关于作者  187
      • 关于封面  187

      以上就是本次介绍的react电子书的全部相关内容,希望我们整理的资源能够帮助到大家,感谢大家对码农之家的支持。

      上一篇:3D游戏引擎设计:实时计算机图形学的应用方法

      下一篇:深入浅出React和Redux

      展开 +

      收起 -

      下载地址:百度网盘下载
      react 相关电子书
      React Native应用开发实例解析
      React Native应用开发实例解析 PDF 超清影印版

      本书主要从功能扩展和实际应用方面讲解React Native,带领读者全面了解React Native的API和组件,并且阅读本书无需React开发背景,感兴趣的可以一起来了解一下

      立即下载
      React进阶之路
      React进阶之路 PDF 超清扫描版

      《React进阶之路》的特点是内容全、知识新、实战性强。内容全:本书不仅详细介绍了React的使用,还详细介绍了React技术栈中*常用的其他相关技术:React Router、Redux和MobX。

      立即下载
      React精髓
      React精髓 PDF 高清版

      《React 精髓》 面向初中级前端开发者,从头到尾、由浅入深地介绍了使用React 实现组件化Web 应用的完整流程。作者从React 元素、React 组件等基本的概念讲起,循序渐进地讨论了组件状态和生命

      立即下载
      React Native移动开发实战
      React Native移动开发实战 PDF 清晰影印版

      本书以实战开发为主旨,以React Native应用开发为主线,以iOS和Android双平台开发为副线,通过完整的电商类App项目案例,详细地介绍了React Native应用开发所涉及的知识,让读者全面、深入、透彻

      立即下载
      React状态管理与同构实战
      React状态管理与同构实战 PDF 影印版

      React自开源以来,便以革命性的设计理念迅速颠覆了前端开发的传统意义,其倡导的组件化、状态管理、虚拟DOM等思想极大提高了前端开发效率。

      立即下载
      React全栈:Redux+Flux+webpack+Babel整合开发
      React全栈:Redux+Flux+webpack+Babel整合开发 PDF 高清版

      《React全栈:Redux+Flux+webpack+Babel整合开发》 从现代前端开发的标准、趋势和常用工具入手,由此引出了优秀的构建工具 webpack 和 JavaScript库 React,之后用一系列的实例来阐述两者的特色、概念和

      立即下载
      React与Redux开发实例精解
      React与Redux开发实例精解 PDF 高清版

      React与Redux开发实例精解 共分四部分,全面介绍如何使用React 与Redux 进行Web 开发。第一部分是基础篇,介绍React 与Redux 的基础知识;第二部分是进阶篇,通过精彩的官方示例学习React 与Redux;第

      立即下载
      快速上手React编程
      快速上手React编程 PDF 影印中文版

      《快速上手React编程》面向希望快速上手React.js进行Web开发的读者,借助精心挑选和详细解释的实例,帮助读者使用现有的JavaScript和Web开发技能学习React开发。

      立即下载
      读者心得
      119小时4分钟前回答

      React 组件中的 bind(this)示例代码

      React 组件中处理 onClick 类似事件绑定的时候,是需要显式给处理器绑定上下文(context)的,这一度使代码变得冗余和难看。 请看如下的示例: class App extends Component { constructor() { super(); this.state = { isChecked: false }; } render() { return ( div className="App" label check me: input type="checkbox" checked={this.state.isChecked} onChange={this.toggleCheck} / /label /div ); } toggleCheck() { this.setState(currentState = { return { isChecked: !currentState.isChecked }; }); }} 页面上放了一个 checkbox 元素,点击之后切换其选中状态。这是很直观的一段代码,但并不会像你想的那样正常工作。 事件处理器上下文丢失的报错 因为 checkbox 的 onChange 事件处理器中,找不到 React 组……

      10小时39分钟前回答

      详解react-native-fs插件的使用以及遇到的坑

      react-native-fs插件是文件对上传和下载时使用的,iOS和android都可使用,File upload (iOS only)。 安装命令: npm install react-native-fs --save//注意:如果react native版本是0.40安装,使用此标签:npm install react-native-fs@2.0.1-rc.2 --save 安装后执行: react-native link react-native-fs 在android/app/src/main/AndroidManifest.xml,里添加android读写文件的权限 uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" / 进行完上述安装操作后,可以使用这个插件的各种方法,每个方法的具体使用例子,请看链接:https://github.com/itinance/react-native-fs。在项目里我需要下载图片文件,并获得下载到本地后……

      95小时9分钟前回答

      深入掌握 react的 setState的工作机制

      react 是单向数据流,若想要改变已有组件的外观,我们只能通过更改组件的 props 或者更新组件的 state。在 react 项目的代码中我们操作最多的就是 this.setState 方法。下面对 setState 方法进行详细的说明。 !--more -- setState要点:react 框架为了提高性能,会对 state 的更新进行收集、合并、再进行一次批量的状态更新。这种机制常常导致一些意想不到的情况。 setState 有两种调用形式: 向 setState 传递对象 setState()并不会立即触发 state 的更新。 //this.state.demo = 1;handleClick = () = { this.setState({demo: 2}); console.log(this.state.demo);// 1} 1、注意:在 addEventListener、setTimeout、ajax 回调中 this.setState 是立即触发的。 2、setState 会合并……

      117小时32分钟前回答

      React如何将组件渲染到指定DOM节点详解

      前言 众所周知React优点之一就是他的API特别简单。通过render 方法返回一个组件的基本结构,如同一个简单的函数,就可以得到一个可以复用的react组件。但是有时候还是会有些限制的,尤其是他的API中,不能控制组件所应该渲染到的DOM节点,这就让一些弹层组件很难控制。当父元素设置为 overflow:hidden 的时候,问题就会出现了。 例如就像下面的这样: 我们实际期待的效果是这样的: 幸运的是,虽然不是很明显,但有一个相当优雅的方式来绕过这个问题。我们学到的第一个react函数是render 方法,他的函数签名是这样的: ReactComponent render( ReactElement element, DOMElement container, [function callback]) 通常情况下我们……

      码农之家

      高学名 提供上传

      资源
      13
      粉丝
      46
      喜欢
      184
      评论
      12

      Copyright 2018-2021 www.xz577.com 码农之家

      版权投诉 / 书籍推广:520161757@qq.com