Modified babel plugin for server according to changing from redux to …

…mobx.

README.md

@@ -50,7 +50,7 @@ OS 환경에 맞는 [nodejs](https://nodejs.org/ko/) 설치가 필요합니다.
 ```
   npm run build
 ```
-### 소스 빌드 후 SSR 서버 실행
+### 소스 빌드 후 개발 서버 실행
 ```
   npm run serve
 ```

package.json

@@ -12,7 +12,7 @@
     "build": "react-app-rewired build",
     "test": "react-app-rewired test --env=jsdom",
     "eject": "react-app-rewired eject",
-    "serve": "yarn build && node server/index.js"
+    "serve": "yarn build && NODE_ENV=development node server/index.js"
   },
   "devDependencies": {
     "axios": "^0.18.0",

server/index.js

@@ -16,6 +16,7 @@ require('babel-register')({
     "react-loadable/babel",
     "dynamic-import-node",
     "syntax-dynamic-import",
+    "transform-decorators-legacy"
     // ["import-inspector", {
     //   "serverSideRequirePath": true
     // }]

src/client/Root.js

@@ -6,8 +6,8 @@ import App from '../App';
 // import store from '../redux/store';
 
 // mobx
-import Store from '../mobx/Store';
 import { Provider } from 'mobx-react';
+import Store from '../mobx/Store';
 const store = new Store();
 
 const Root = () => (

src/server/render.js

@@ -9,11 +9,12 @@ import { Helmet } from 'react-helmet';
 // import store from '../redux/store';
 
 // mobx
+import { toJS } from 'mobx';
 import { Provider } from 'mobx-react';
 import Store from '../mobx/Store';
-const store = new Store();
 
 const render = async (location) => {
+  const store = new Store();
   const helmet = Helmet.renderStatic();
   const context = {};
 
@@ -27,7 +28,10 @@ const render = async (location) => {
 
   return {
     html,
-    state: store.getState(),
+    // redux
+    // state: store.getState(),
+    // mobx
+    state: toJS(store),
     helmet,
   };
 };