search

kurodakazumichi / issues

0 stars 0 forks source link

【React+mobx】create-react-appでmobxを使う #49

Open kurodakazumichi opened 6 years ago

kurodakazumichi commented 6 years ago

PC環境

create-react-appは:

npm install -g create-react-app

でインストールする。

環境構築

作業ディレクトリの作成

この作業ディレクトリ自体はcreate-react-appを使って構築

npx create-react-app mobx-react

設定ファイルを外だしする

yarn eject

babelのdecorator記法に関するプラグインをインストール

yarn add -D babel-plugin-transform-decorators-legacy

package.jsonに設定を追加

  "babel": {
+    "plugins": [
+      "transform-decorators-legacy"
+    ],
    "presets": [
      "react-app"
    ]
  },

mobxをインストールする

yarn add mobx mobx-react

VS Codeの設定変更

decoratorで警告が出るため、警告を無視するように設定を変更。

  1. VS CodeのSettingsを開く、ショートカットキー [⌘,]
  2. 検索フォームにtsconfigと入力
  3. Javascript › Implicit Project Config: Experimental Decoratorsのチェックにチェックを入れる。

起動コマンド

yarn start