Skip to content

Commit 087315c

Browse files
pingan8787pingan8787
committed
2019.10.24
1 parent c6965f2 commit 087315c

2 files changed

Lines changed: 31 additions & 4 deletions

File tree

‎Cute-React/MobX-Learning/Guide-Learning.md‎

Lines changed: 31 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,12 +2,13 @@
22

33
首先看下官网介绍：
44

5-
65
> MobX 是一个经过战火洗礼的库，它通过透明的函数响应式编程(transparently applying functional reactive programming - TFRP)使得状态管理变得简单和可扩展。MobX背后的哲学很简单:
76
> 任何源自应用状态的东西都应该自动地获得。
87
> 其中包括UI、数据序列化、服务器通讯，等等。
98
10-
核心重点就是：**MobX 通过响应式编程实现简单高效的状态管理**。
9+
核心重点就是：**MobX 通过响应式编程实现简单高效，可扩展的状态管理**。
10+
11+
<img src="http://images.pingan8787.com/blog/mobx.png" width="120px"/>
1112

1213
## React 和 Mobx 关系
1314

@@ -24,6 +25,14 @@ React 和 MobX 相辅相成，相互合作。
2425

2526
![2019102303.png](http://images.pingan8787.com/blog/2019102303.png)
2627

28+
## 本文概要
29+
30+
本文使用的是 MobX 5 版本，主要将从以下几个方面介绍 MobX 的使用：
31+
32+
1. 配置 Webpack 的 MobX 开发环境
33+
2. MobX 常用 API 介绍（主要介绍与**可观察数据**相关的操作）
34+
3. MobX 简单实例
35+
2736

2837
# 二、配置 Webpack 的 MobX 开发环境
2938

@@ -728,7 +737,25 @@ class Foo extends Component{
728737
ReactDOM.render(<Foo cache={store.cache} refresh={store.refresh}/>, document.querySelector("#root"))
729738
```
730739

731-
# 参考
740+
# 结尾
741+
742+
本文参考：
732743

733744
* [《MobX 官方文档》](https://cn.mobx.js.org/)
734-
* [茵风泳月《MobX 入门基础教程》](https://www.imooc.com/learn/1012)
745+
* [茵风泳月《MobX 入门基础教程》](https://www.imooc.com/learn/1012)
746+
747+
748+
### 关于我
749+
750+
> 本文首发在 [pingan8787个人博客](http://www.pingan8787.com)，如需转载请保留个人介绍。
751+
752+
|Author|王平安|
753+
|---|---|
754+
|E-mail|pingan8787@qq.com|
755+
|博 客|www.pingan8787.com|
756+
|微 信|pingan8787|
757+
|每日文章推荐|https://github.com/pingan8787/Leo_Reading/issues|
758+
|ES小册|js.pingan8787.com|
759+
760+
### 微信公众号
761+
![bg](http://images.pingan8787.com/blog/2019_10_24guild_page.png)

‎Cute-React/MobX-Learning/demo-images/mobx.png‎

26.1 KB
Loading

0 commit comments

Comments
 (0)