当mobx遇到jquery

React

前言

MobX 是一个经过战火洗礼的库，它通过透明的函数响应式编程(transparently applying functional reactive programming - TFRP)使得状态管理变得简单和可扩展。

说起Mobx，大家一般会想到React。
在React里面，Mobx提供了一个mobx-react的库，将Mobx和React连接起来。虽然Mobx源于React社区，但并不是仅限于React中，你甚至可以拿来和vue、jQuery等库一起使用。

这篇文章就是介绍如何将mobx和jQuery结合到一起使用。

jQuery的问题

在前端mvc框架出现之前，大多数人使用jQuery是为了操作DOM和处理用户响应，创建DOM和各种事件都杂糅到一起，没有数据管理，没有很清晰的代码分层，随着代码量增多，代码也会变得混乱不堪。
所以Backbone诞生后，提供了Backbone.Model解决了缺乏数据管理的问题，同时也将MVC的理念带到了前端。
如果将jQuery单纯的看做View层，Mobx当做Model层，那么就可以在一定程度上取代Backbone。

jQuery + Mobx