react-router常用组件原理学习

react-router的功能实现感觉可以分为两部分:

  1. html5的history,这个api提供了浏览器地址栏的地址变化的一系列控制。
  2. 路由和组件的匹配,react-router主要是实现了这一部分,涉及context、provider、高阶组件等。

react-redux中应该也会涉及到2中说的这些概念和用法,但猜测应该更侧重于组件更新的优化上。这次先试探一波,除了路由的实现外,熟悉下这些概念。

p.s. 这段写于看完下面说的几部分之后

看完之后,感觉react-router的实现原理并不难,需要着重掌握的反而是history和React中的几个概念:Context、Provider、Consumer、Children、HOC。这几个概念还真不熟悉,所以决定再起一篇,用来着重记录。

阅读全文〉

redux-saga源码学习

上一篇整明白了redux-saga的原理,现在来具体看看代码实现。

讲redux-saga源码的资料真是少的可怜,英文完全没搜到…中文就搜到两篇有价值的,第二篇对整个redux-saga的代码实现做了比较详细的描述。

然而现在的水准做不到完全掌握,能学多少是多少。

阅读全文〉

redux-saga原理学习

这几天看redux-saga的实现原理,英文资料几乎没搜到有讲redux-saga的原理的,基本都是对saga这个概念做了解释。中文资料倒是很多对redux-saga进行原理解释的,看了好多篇,最后留下两篇,记录在文尾的参考资料中。后面再翻看redux-saga的实现原理,先看参考资料2,再看参考资料1

阅读全文〉

函数式编程学习

正在学习redux的源码,感觉redux的实现很多地方都是基于函数式编程,函数式编程思想好像也在前端的很多库中都有广泛使用。为了更好的理解redux的源码,加深实现的记忆,也为了帮助日后学习其他库,现在插个空儿,入个函数式编程的门儿。

学习材料是列在最后的《JS函数式编程指南》的中文译本。

阅读全文〉

图片上传

过去一个月开发了公司了图片上传和图片选择两个模块,基本明白了图片上传经历的各个阶段和处理方式,现总结如下。

阅读全文〉

算法作业翻译

应某位在国外学习多年的大神要求,翻译斯坦福算法课程第一道算法作业(percolation),原文点这里

ps.这位大神说每个单词都能看懂,连在一起就看不懂了。大神亲自提出要求,我这个没见过市面的土包子只好硬着头皮翻译了。。。

阅读全文〉