sturuby40443

前面主要介绍了createStore，combineReducers,compose的实现原理，下面，我们看一下 redux中最有意思的中间件部分applyMiddleware。 applyMiddleware代码很简洁，但是含义很广泛。我们来一起看一下： enhancer是中…

compose实际上是一个函数式编程中的写法，表示从右向左组合多个函数。为了方便，被放到了redux里面来。 当我们需要将多个storeEnhancers依次执行的时候，就需要用到它。 funcs 表示 需要合成的多个函数。预计每个函数都接收一个参数。它的返回值将作为一个参数提…

上一章，我们讲解了createStore。下面，我们来看一下combineReducer。 在redux中，我们禁止在应用中创建多个store(我们这里默认讨论的都是客户端应用，同构应用不适用这条规则)。 然而，随着应用变得越来越复杂，需要对 reducer 函数 进行拆分，拆…

使用react+redux开发有一段时间了，刚开始使用并没有深入了解其源码，最近静下心来，阅读了一下，感触颇深。 本系列主要从createStore,combineReducer,compose,applyMiddleware几个方面进行讲解。本系列不会详细讲解redux的用法…

gzip是GUNzip的缩写，最早应用于unix系统的文件压缩。HTTP协议上的gzip编码是一种用来改进web应用程序性能的技术，web服务器端和客户端必须同时支持gzip。目前主流的浏览器都支持该协议，常见的服务器Apache,Nginx,IIS也都支持gzip。 gzip…

以前一直使用create-react-app这个脚手架进行react开发，后面因为一些自定义的配置，转而使用webpack搭建一套自己的脚手架。但是在使用webpack打包之后发现，纳尼？怎么文件这么大？？？ 于是研究了一下如何处理webpack打包之后文件太大的情况，简单记录…

现实中，应用往往包含很多功能，这些功能无法通过一个页面展示，所以应用往往是‘多页面应用’。而且，用户在这些页面之间来回切换，开发者要做的就是保证用户的操作顺畅。最好的解决办法就是虽然逻辑上是‘多页面应用’，但是页面之间的切换并不引起页面刷新，实际上是‘单页面应用’。 1. 传统…

无论是React还是Redux，工作方式都是依靠数据驱动，在开发过程中，应用数据往往存储在数据库中，通过一个api服务器暴露出来，网页应用要获取数据，就需要与服务器进行通信。 我们先来看一下一些比较简单的场景，在一些比较简单的应用中，我们可能只需要使用react，而不使用red…

react是通过Virtual DOM来提高渲染性能，虽然每一次页面更新都是对组件的重新渲染，但是并不是将之前渲染的内容全部抛弃重来，而是通过借助Virtual DOM,计算出对DOM树的最小修改。这就是为什么React在默认情况下渲染都很快速的原因。 不过，虽然Virtual…