全家桶

    "react": "^16.2.0",
    "react-dev-utils": "^5.0.0",
    "react-dom": "^16.2.0",
    "react-redux": "^5.0.7",
    "react-router-dom": "^4.2.2",
    "redux": "^3.7.2",
    "redux-thunk": "^2.2.0",

這都是什么？？？

Vue相比之下友好很多，大部分看個教程就能開始用。

狀態(tài)管理

Vue官方已經(jīng)分好了4個操作，數(shù)據(jù)存放以及操作一目了然。
然后現(xiàn)在學(xué)react跟著某個教程寫的

import axios from 'axios';
import {getRedirectPath} from '../util.js';

const REGISTER_SUCCESS = 'REGISTER_SUCCESS'
const ERROR_MSG = 'ERROR_MSG'

const initState = {
  redirectTo: '',
  isAuth: false,
  msg: '',
  user: '',
  pwd: '',
  type: '',
}


// reducer
export function user(state = initState, action) {
  switch(action.type) {
    case REGISTER_SUCCESS:
      return {...state, msg:'',redirectTo:getRedirectPath(action.payload) , isAuth:true, ...action.payload}
    case ERROR_MSG:
      return {...state, isAuth:false, msg:action.msg}
    default:
      return state
  }
}

function registerSuccess(data) {
  return {type:REGISTER_SUCCESS,payload:data}
}

function errorMsg(msg) {
  return {msg, type:ERROR_MSG}
}

export function regisger({user, pwd, repeatpwd, type}) {
  if (!user || !pwd || !type) {
    return errorMsg('用戶名密碼必須輸入')
  } else if (pwd !== repeatpwd) {
    return errorMsg('密碼和確認(rèn)密碼不同')
  }
  return dispatch => {
    axios.post('/user/register', { user, pwd, type }).then(res => {
      if (res.status === 200 && res.data.code === 0) {
        dispatch(registerSuccess({user,pwd,type}))
      } else {
        dispatch(errorMsg(res.data.msg))
      }
    })
  }
}

dispatch到底在干嘛？

組件傳值

Vue:父向子:子組件數(shù)據(jù)名="父組件數(shù)據(jù)名"
子向父@子組件傳遞的事件名="父組件定義的事件" this.$emit('子組件傳遞的事件名', 數(shù)據(jù))
react: this.props.history.push('/register')你這個props里面存了什么？為什么一下有history函數(shù)一下又有this.props.msg這種字符串？

教程引入那么多插件每個插件里導(dǎo)入的函數(shù)是做什么的？
你告訴我這里用了這個插件的這個函數(shù)，但是他到底是干什么的？要解決什么問題？

Vue一些東西一句代碼解釋清楚了，react想寫筆記不知道從哪里下手，一股強(qiáng)耦合的味道
我現(xiàn)在總感覺缺了什么東西，概念好像沒搞清楚。有大神提點(diǎn)一下嘛？