【全栈React】第26天: 集成测试
2017-08-11
阅读 6 分钟
3.6k我们已经到了测试入门的最后部分。我们将用集成测试来结束我们的测试部分。作为对集成测试的一个提醒, 它是自动化我们的实际用户在使用我们的应用时体验到的体验的过程。
【EASYDOM系列教程】索引
2017-08-10
阅读 2 分钟
3.1k《EASYDOM》系列教程是一套免费、开源，任何人都可以免费学习、分享，甚至可以进行修改。但需要注明作者及来源，并且不能用于商业。 本文是这套系列教程的索引（也就是目录）: 第一回 DOM 介绍 在最开始，我们先来了解 DOM 是什么、DOM 的作用，以及浏览器的支持是怎么样的。 第二回 DOM 树结构 现在我们知道了 DOM 是什...
【EASYDOM系列教程】之 textContent 属性
2017-08-10
阅读 2 分钟
2.6kNode 对象提供了 textContent 属性实现获取或设置 HTML 页面中指定元素的文本内容。 获取文本内容 textContent 属性表示 HTML 页面指定节点及其后代节点的文本内容。其语法格式如下: {代码...} 在上述语法结构中，返回值 text 表示 element 节点及其后代节点的文本内容。 需要说明的是，在上述语法结构中，调用 textCont...
【EASYDOM系列教程】之复制节点
2017-08-10
阅读 1 分钟
2.1kNode 对象提供了 cloneNode() 方法实现 HTML 页面中节点的复制功能。其语法结构如下: {代码...} 在上述语法结构中，调用 cloneNode() 方法的 node 表示被克隆的节点，返回值 dupNode 表示克隆后的新节点。 参数 deep 则表示是否采用深度克隆。如果为 true，则该节点的所有后代节点也都会被克隆；如果为 false，则只克隆...
【全栈React】第25天: 使用Enzyme做更好的测试
2017-08-10
阅读 8 分钟
6.8k昨天我们使用了react-addons-test-utils 库来编写我们对Timeline 组件的第一个测试。但是, 此库是相当低级的, 使用起来可能有点麻烦。Enzyme是由 AirBnb 团队发布和维护的测试实用程序库, 它提供了一个更好的、高级的 API 来处理测试中的React组件。
【全栈React】第24天: 测试应用
2017-08-10
阅读 3 分钟
1.9kTimeline 组件 显示 一个具有动态标题的标题的状态列表。我们要测试我们的组件中的任何动态逻辑。我们必须从测试开始的最简单的逻辑是围绕Timeline 的动态标题。
【全栈React】第23天: 实现测试
2017-08-10
阅读 4 分钟
2.6k本文转载自：众成翻译译者：iOSDevLog链接：[链接]原文：[链接] 昨天我们检查了我们在React中写的不同类型的测试。今天我们亲自动手来看看结果。我们将安装设置测试所需的依赖关系以及写入我们的第一个断言。 让我们把我们的应用设置起来进行测试。因为我们将使用几个不同的库, 所以我们需要在使用它们之前安装它们 (当...
【全栈React】第22天: 测试简介
2017-08-10
阅读 2 分钟
2.1k本文转载自：众成翻译译者：iOSDevLog链接：[链接]原文：[链接] 测试套件是一项前期投资，可在系统的整个生命周期内获得回报。今天我们将介绍测试的主题，并讨论我们可以写的不同类型的测试。 好了, 闭上你的眼睛, 等一下, 不要... 你很难闭着眼睛阅读, 但是想象一下, 你的应用正在接近你的第一个部署。 它越来越近, 它...
【全栈React】第21天: Redux中间件
2017-08-10
阅读 7 分钟
2.2k昨天, 我们连接的点与Redux, 从工作通过归并器, 更新行动的创造者, 并连接Redux到React组件。 Redux中间件 将解锁更多的权力, 我们今天将会触及。
【全栈React】第20天: Redux动作
2017-08-07
阅读 4 分钟
2.1k本文转载自：众成翻译译者：iOSDevLog链接：[链接]原文：[链接] 使用Redux，我们来谈谈我们如何在我们的应用中实际修改Redux状态。 昨天, 我们经历了整合我们的反应应用与Redux的困难部分。从现在起, 我们将使用我们的Redux设置来定义函数。 现在, 我们的演示应用能显示当前时间。但目前还没有任何方法可以更新到新的时...
【全栈React】第19天: 用Redux进行数据管理
2017-08-07
阅读 7 分钟
2.5k今天, 我们将回到代码和添加Redux在我们的应用。现在我们正在用它构建的应用是简单的, 这只会显示我们最后一次获取当前时间的页面。为了简单起见, 我们不会调用远程服务器, 只需使用 JavaScript 的Date 对象。
【全栈React】第18天: Flux 简介
2017-08-07
阅读 2 分钟
2.4k我们的代码需要使用新功能处理更多的数据和应用状态。从异步服务器响应到本地生成的、不同步的数据, 我们不仅要跟踪这些数据, 还要将其与视图保持正常的联系。
【全栈React】第17天: 客户端路由
2017-08-07
阅读 5 分钟
2.4k现在, 我们的应用被限制在一个单一的页面。发现任何显示单个视图的复杂应用都非常少见。例如, 应用可能有一个登录视图, 用户可以在其中登录, 或者搜索结果页显示用户的搜索结果列表。这两种不同的视图具有两种不同的页面结构。
【全栈React】第16天: 显示远程数据
2017-08-07
阅读 5 分钟
2.5k截至今天, 我们已经通过承诺, 使用 npm包建立我们的应用程序, 安装我们的远程对象获取库 (whatwg-fetch), 我们终于准备好将远程数据集成到我们的应用程序中。
【EASYDOM系列教程】之替换节点
2017-08-07
阅读 1 分钟
1.8k参数 oldChild 则表示 HTML 页面中被替换的节点。replaceChild() 方法的返回值也是被替换的节点，即 oldChild == replaceNode。
【React Native十日谈】第一日: 开发环境搭建
2017-08-05
阅读 4 分钟
3.7k本篇的主要内容是 React Native 的环境配置，并不会涉及 React Native 的其他任何内容。之所以会在这里用这么多笔墨，是因为很多计划进军 React Native 的开发人员，就是因为这一步不成功而放弃 React Native（我曾经也是其中一员）。
【全栈React】第15天: Promise简介
2017-08-05
阅读 5 分钟
2.8k本文转载自：众成翻译译者：iOSDevLog链接：[链接]原文：[链接] 今天，我们将要看看我们需要知道什么来从高层次了解Promises，所以我们可以使用这个非常有用的概念构建我们的应用。 昨天我们将 fetch 库安装到我们的 create-react-app 项目 我们开始 第12天. 今天, 我们将拿起从昨天讨论的概念和Promises的 艺术 . Promi...
【全栈React】第14天: 获取远程数据
2017-08-05
阅读 2 分钟
2.9k直到这一点,我们的应用基本上是静态的。即使我们从 github 显示的数据也是我们项目中包含的静态数据。我们的应用确实和我们使用的数据一样有趣, 因此让我们的应用更有趣。
【全栈React】第13天: 重复元素
2017-08-05
阅读 5 分钟
2.2k我们已经看到了这之前, 我们已经遍历了一个对象列表, 并在屏幕上呈现多个组件。在我们的应用中添加太多的复杂度来加载外部数据之前, 今天我们将快速了解如何在应用中重复组件/元素。
【全栈React】第12天: 创建React应用
2017-08-05
阅读 2 分钟
2.4kReact小组注意到运行一个React应用需要很多配置（并且社区帮助臃肿 - 包括我们也是如此）。幸运的是，React团队/社区中的一些聪明人员聚集在一起，构建/发布了一个官方的生成器应用，使其更容易上手并快速运行。
【全栈React】第11天: 纯组件
2017-08-05
阅读 4 分钟
4.5k正如我们已经看到的那样，我们只使用React.Component 和React.createClass() 方法构建组件。 为了获得更多的性能和简单性，React _同样_允许我们使用正常的JavaScript函数创建纯粹的，无状态的组件。
【全栈React】React 30天教程索引
2017-08-05
阅读 3 分钟
6k本文转载自：众成翻译译者：iOSDevLog链接：[链接]原文：[链接] 对学习React 感兴趣但不知道怎么开始？ 我们会教你它是如何工作的 - 免费 在接下来的30天内，我们将逐步了解您需要知道的与React相关的所有内容。 从我们的第一个应用的从零开始到测试和部署。 下载超过300页的 PDF 第1天 什么是 React 今天，我们从一开始...
【全栈React】第10天: 交互性
2017-08-05
阅读 14 分钟
2.9k浏览器是事件驱动的应用程序。 用户在浏览器中进行的一切都会触发一个事件，从点击按钮，甚至只是移动鼠标。 在简单的JavaScript中，我们可以监听这些事件并附加一个JavaScript函数与它们进行交互。
【全栈React】第9天: 样式
2017-08-05
阅读 4 分钟
2.7k通过这一点，除了将CSS类名附加到组件之外，我们还没有触及我们组件的样式。 今天，我们将花点时间去了解我们的React组件的样式，使它们看起来很棒，但仍然保持完整。
【全栈React】第8天: 属性类型
2017-08-05
阅读 5 分钟
2.3k唷！ 我们做了第二周（相对毫发）！ 通过这一点，我们已经讨论了React（props，state，生命周期挂钩函数，JSX等）的大部分基本特性。 在本节中，我们将看一下注解我们的组件。
【全栈React】第7天: 生命周期钩子函数
2017-08-05
阅读 5 分钟
8.6k恭喜！我们已经在React的第一周结束了，我们已经覆盖了这么多的基础知识。我们刚刚完成了处理有状态的组件来跟踪组件的内部状态。今天，我们将暂停实施，并谈一下应用中的组件_lives_。也就是说，我们将讨论组件的生命周期。
【全栈React】第6天: 状态
2017-08-02
阅读 5 分钟
2.9k我们几乎完成了在React开始运行的第一周。我们通过JSX工作，构建我们的第一个组件，设置父子关系，并使用React驱动组件属性。我们还有一个重要的想法，我们还没有讨论React _状态_相关的知识。
【全栈React】第5天: 数据驱动
2017-08-02
阅读 8 分钟
5.5k通过这一点，我们已经编写了我们的第一个组件并将其设置为子/父关系。但是，我们还没有将任何数据绑定到我们的React组件。虽然在React中写一个网站是一个更愉快的体验（在我们看来），我们还没有利用React的力量来显示任何动态数据。
【全栈React】第4天: 复杂组件
2017-08-02
阅读 5 分钟
3.4kReact 30天 前一章节，我们开始构建我们的第一个 React 组件。在本节中，我们将继续使用我们的App 组件，并开始构建一个更复杂的UI。
【全栈React】第3天: 我们的第一个组件
2017-08-02
阅读 4 分钟
3k我们在包含了React的来源作为<script>`标签在`<head>元素里面。在我们开始编写我们的React应用之前放置我们的<script>加载标签很重要，以便我们使用ReactReactDOM。