在react和react-native配置mobx
什么是mobx
既然說到要配置mobx浓镜，那就要先說說什么是mobx华弓，mobx是一個強(qiáng)大的全局資源管理器梁厉，與rudex一樣。mobx有著強(qiáng)大的性能和良好的用戶體驗笋除，如果你是一個剛剛學(xué)習(xí)react的小白斜友，面對rudex毫無頭緒的時候，不如來試試mobx吧
react
先說說在react里面怎么使用mobx垃它，使用的mobx的使用雖然可以使用es6語法鲜屏，但是使用還沒被收入es7中的@裝飾符，能夠使代碼更加簡潔国拇。但是現(xiàn)在js還不能識別@裝飾符洛史。下面我們就來看看咱們解決這個問題。
第一步
第一步當(dāng)然是下載mobx啦
//下載mobx和mobx-react
yarn add mobx mobx-react
第二步
裝好了mobx酱吝，我們就需要安裝一下能夠識別@裝飾符的插件
//下載識別@裝飾符的插件
yarn add @babel/plugin-proposal-decorators --dev
第三步
最后只需要配置一下就可以了也殖，當(dāng)然首先還是要釋放出react的配置文件，具體的釋放react配置文件的方法务热，可以看一下這篇文章：react小白的成長之路（一）react官方腳手架中不支持less的解決方案
只需要在webpack.config.js里面的348行后面的逗號加上這句話
//在webpack.config.js的348行左右加上這句
["@babel/plugin-proposal-decorators", {"legacy": true }]
這樣就搞定了
為了防止大家找不見忆嗜，我特意截了圖，加的時候一定要認(rèn)真哦
react-native
react-native是個好東西啊陕习，雖然現(xiàn)在還沒有很穩(wěn)定霎褐，時不時會出現(xiàn)各種各樣的問題，但是開發(fā)速度足夠快该镣，一次開發(fā)安卓和ios雙平臺支持的優(yōu)勢，還能讓像我一樣的沒有學(xué)習(xí)過java的孩子體驗一下開發(fā)app的快感响谓，還是可以肯定的损合，最棒的是它的語法和react幾乎一模一樣。
既然react-native和react的語法差不多娘纷，那么配置的步驟也差不多嫁审，前兩不更是一模一樣。
第一步
//下載mobx和mobx-react
yarn add mobx mobx-react
//下載識別@裝飾符的插件
yarn add @babel/plugin-proposal-decorators --dev
第二步
這一步就是配置一下啦赖晶，首先要在你要配置的項目的根目錄下面創(chuàng)建一個 .babelrc 文件律适，然后在這個文件里面寫入下面的東西就好啦
//要先創(chuàng)建.babelrc文件之后，在這個文件里面加入下面的代碼
{
"presets": ["module:metro-react-native-babel-preset"],
"plugins": [
["@babel/plugin-proposal-decorators", { "legacy": true }]
]
}
這樣就完成啦６舨濉Ｎ婊摺！趕緊重啟一下項目試一試吧
