本篇文章适合使用React一年左右的小伙伴阅读。我希望它可以作为一把开启React源码大门的钥匙。我将会从搭建环境开始, 一步一步带着大家完成一个简易的React框架。代码我将会托管到我的github上, 供大家在阅读的过程中作为参考。 为了更加直观的展示效果, 我们可以将打包…

Redux 是 JavaScript 状态容器，提供可预测化的状态管理。 只有函子。在写Redux的时候，首先函数式编程有一个container容器，这个容器由map接收一个变形关系，作用于每 一个value，使该容器变成函数。因为有很多函子，但是函数式编程讲究纯，所以要用IO…

函数式强调在逻辑处理中不变性。面向对象通过消息传递改变每个Object的内部状态。两者是截然不同的编程思想，都具有自己的优势，也因为如此，才使得我们从 class 组件 转化到 函数组件式，有一些费解。 从 react 的变化可以看出，react 走的道路越来越接近于函数式编程…

在这一篇文章里，将展示一些使用了mobx的React的最佳实践方式，并按照一条一条的规则来展示。在你遇到问题的时候，可以依照着这些规则来解决。 这篇文章要求你对于mobx的stores有基本的理解，如果没有的话请先阅读官方文档。 永远记住，你的stores代表着你的UI状态，这…

React 官方文档翻译 - 3. 渲染元素

Redux是一个数据管理层，被广泛用于管理复杂应用的数据。但是实际使用中，Redux的表现差强人意，可以说是不好用。而同时，社区也出现了一些数据管理的方案，Mobx就是其中之一。 这是Redux给自己的定位，但是这其中存在很多问题。 首先，Redux做了什么？看Redux的…

JSXTransformer.js 会将 type="text/jsx" 的形式转换成 React.DOM.h1 的函数形式。 objMapKeyVal 是个工厂函数，他最终会返回一个“键”与 obj 对应的对象“值”则是 func 的执行结果。 ReactDOM 对象中的“键…

Mobx 与 Redux 相似，都是适用于状态管理的出色工具。它同样遵循单向数据流，同样能与 React 搭档配合。与 Redux 不同的是，它的学习成本更低，框架体系更加完善（比如它自带异步操作的解决方案，而 Redux 只提供了中间件体系，必须借助第三方类库实现）。如果说 …