一般来说，redux 是一个设计规范、严格的单向数据流框架，适用于大型项目。而 mobx 一种更灵活的、适合于中小型应用的数据层框架。

MobX 是一种简单的、可扩展的、久经考验的状态管理解决方案。 这个教程将在十分钟内向你详解 MobX 的所有重要概念。MobX 是一个独立的库，但是大部分人将它和 React 共同使用，所以本教程将重点讲解他们的结合使用。

去阿里下载想要的图标，要svg下载。复制到项目里。在要使用的文件里导入，然后以img标签的形式使用： import 的变量x,y,z是经过处理的图片路径，把它当作src属性。 这些就是log出来的。 但是用img标签的形式的使用有一些限制。比如图标的颜色很难改变。 使用svg-…

又到了愉快的总结时刻，这次我们来看看怎么优化项目中的 Icon。 直接一句话就可以引入 Icon，这样多方便呀。 svg-sprite-loader 会把你的 svg 塞到一个个 symbol 中，合成一个大的 svg。 最后将这个大的 svg 放入 body 中。 symbo…

一款官方的redux工具包，旨在成为编写Redux的标准库。解决了在编写标准Redux的时候出现的一些常见问题。

自从 React 16 发布后， React Router 也发布了第五个版本，更好的支持 React 16。 要在一个 web app 中使用 react router， 首先你需要搭建一个 React web app，我们推荐 creat react app。它是一个非常流…

如果你在编写函数组件并意识到需要向其添加一些 state，以前的做法是必须将其它转化为 class。现在你可以直接在现有的函数组件中使用 Hooks 1. 类组件的不足 综上所述，如果不注意的话，很容易写成第三种写法，导致性能上有所损耗。 2. Hooks 优势 副作用的关注点…

在陈年的老项目中，通常用Redux、Mobx这样的全局状态管理方案无差别对待他们。 这类状态通常保存在组件内部。 当状态需要跨组件层级传递，通常使用Context API。 再大范围的状态会使用Redux这样的全局状态管理方案。 返回的数据通常作为状态保存在组件内部（如App组…

众所周知， create-react-app(以下称为CRA)是 FaceBook 开源的 创建 React 现代Web应用程序应用的脚手架，让我们可以快速和专注项目的开发而不用过多的去关心工具和服务的配置，在一些场景中还是需要另外的加入或者修改 CRA 中的配置，在 CRA …