React性能优化

2016-08-12
阅读 5 分钟
25.3k
当大家考虑在项目中使用 React 的时候,第一个问题往往是他们的应用的速度和响应是否能和非 React 版一样,每当状态改变的时候就重新渲染组件的整个子树,让大家怀疑这会不会对性能造成负面影响。React 用了一些黑科技来减少 UI 更新需要的花费较大的 DOM 操作。

React-Redux源码剖析

2016-08-07
阅读 4 分钟
6.9k
React-Redux是用在连接React和Redux上的。如果你想同时用这两个框架,那么React-Redux基本就是必须的了。为了能够更好的使用这个工具,今天就对它进行一下源码剖析。

Redux源码剖析

2016-08-05
阅读 4 分钟
3.7k
首先说下它的三个参数reducer、preloadedState、enhancer。reducer是唯一必传的参数,它很重要,因为它决定了整个state。preloadedState就是state的初始值。第三个参数不是特别常用,它是个函数,如果它存在的情况下,会执行下面的语句:

index作为key是反模式

2016-08-03
阅读 2 分钟
3.9k
原文:Index as a key is an anti-pattern 我曾多次看到开发者在渲染列表的时候把列表项的index作为它的key。 {代码...} 这看起来很优雅,而且能够解决警告(这才是“真”问题,对吧?)的问题,这样做有什么危险呢? It may break your application and display wrong data! 让我来解释,key是React唯一用来确定DOM元素的...

[译] React 组件中绑定回调

2016-08-01
阅读 3 分钟
16.5k
原文:Binding callbacks in React components 在组件中给事件绑定处理函数是很常见的,比如说每当用户点击一个button的时候使用console.log打印一些东西。 {代码...} 很好,这段代码会满足你的需求,那现在如果我想在handleClick()内调用另外一个方法,比如logPhrase() {代码...} 这样竟然不行,会得到如下的错误提醒 {...

React-Redux性能优化

2016-07-30
阅读 2 分钟
14.5k
前面写了两篇文章《React组件性能优化》《Redux性能优化》,分别针对React和Redux在使用上的性能优化给了一些建议。但是React和Redux一起使用还需要一个工具React-Redux,这一篇就说一下React-Redux在使用上的一些性能优化建议。

Redux性能优化

2016-07-29
阅读 2 分钟
7.2k
一个Redux app中只有一个store,所有的数据都在这个store中,而通过createStore(reducer, [initState]),initState是可选参数,也就是说决定store的是reducer,reducer决定store中存放什么样的数据、处理什么样的数据、处理数据的方式。

React组件性能优化

2016-07-28
阅读 3 分钟
9.3k
React仅仅专注于UI层;它使用虚拟DOM技术,以保证它UI的高速渲染;它使用单向数据流,因此它数据绑定更加简单;那么它内部是如何保持简单高效的UI渲染呢?