???????????????????????????????

???2017-04-06 16:10???????????_????????????!

??????????????????????????????????????????????ü??????????????????????????????????????????????????????????????????????????

?????????????????????????????????????????????С??????????????????÷????櫵???ξ???????粨??????????????????????7??????12?????7?????????????п???????????????????????????????????????????????С?????????????????????????????????????????ù涞??????????????????????????????η???????????????5??9????5??11??????????1535???????????????????????飬?????г???????????????????????Щ????з?ī?????????????????????????????????????????????????????????????????????????????????ν?????????MFT????????????????????????????????????ü?????????????6????????????????????Ρ?

2016??÷???????????????????????????????????????????????????????y??????????????в????????°????????Ъ??2008?????????壬???????7??????12?????7?????????????п????????????????绻?????????????????????????3?·?????????4?????????????75%????????????????21%????????????????????????????????????????????19%?????????????????15%??????????й????????4%????????4%??????2%????????????δ??e??????????????????????????????????????????????????????????????????????μ?????,??????????????????????????????,?????????Ψ????????????????D?D??????????????????飬????2020???й????????????????????1500?????????????????????????1???????????

?????????????????????????????????????????7??????12?????7?????????????п??6????????????????????Ρ?????????????????????????У???????????貵??a?????????????????????????????????????????ù涞??????????????????????????????η???????????????5??9????5??11??????????1535???????????????????????顣

6????????????????????Σ???????????а?????????????????????????????????????????????????????ɡ?????????????γ?????????????????????????????????????????????????????е????????????????????????????????????У????????????4?????3????????????????????????

?????????????????????????????????????????????????????????????3???????????????δ????????????????????????????????С??й??????????????????????????????2018??????????????ò?????????????????????????2017???????й?????????????2000???????б?????????????????????????????????????????????????????????21%????????????????????????????????????????????19%?????????????????15%??????????й????????4%????????4%??????2%??????????????????????????????????????create-react-app??https://github.com/facebookincubator/create-react-app?????????????React?????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????0??1???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????Github?????gitclonehttps://github.com/codingplayboy/react-blog.gitcdreact-blog???????????????1.src?????????????2.webpack?webpack????????3.webpack.config.js?webpack????????????4.package.json?????????????????5.yarn.lock??????????????????6..babelrc?????babel??????????????babel????React??JavaScript????7.eslintrc??eslintignore????eslint???????????????????????????????8.postcss.config.js?CSS???????postcss???????????9.API.md?API???????10.docs????????11.README.md???????????????????????????????src?????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????1.react??react-dom??????????2.react?????3.???????????????4.??????Immutable????5.????????????6.?????????7.?????????????8.?????????????????????????????????????????????????????????1.react??react-dom??2.react-router????????????3.redux???JavaScript????????react-redux??React?????redux?????4.Immutable.js???Immutable??????redux-immutable????reduxstore????Immutable????5.???redux-persist???redux????????????????redux-persist-immutable????????Immutable?????????????6.???redux-saga????????????????????????????????????????7.???jest???????????????lodash??ramda?????????????????8.??????reactotron??????????????????????????????????????????????React??????????????????????????????redux-devtools??Reactron??https://github.com/infinitered/reactotron?????redux-devtoolsredux-devtools???????????????action???????UI?????Redux???????????????????????????????????????Redux??????????????????????????????????????redux?????????????????????https://github.com/zalmoxisus/redux-devtools-extension#installation?????????????????yarnadd--devredux-devtools????????reduxstore????????redux?????????createStore??????import{applyMiddleware,compose,createStore,combineReducers}from'redux'//????redux??????????letcomposeEnhancers=composeif(__DEV__){?//??????????????redux-devtools?constcomposeWithDevToolsExtension=window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__?if(typeofcomposeWithDevToolsExtension==='function'){???//???redux??????????????????????composeEnhancers=composeWithDevToolsExtension?}}//createstoreconststore=createStore(?combineReducers(...),?initialState,?//???redux???????????????redux?composeEnhancers(???applyMiddleware(...middleware),???...enhancers?))1.?????????????redux-devtools?????????????2.????store????????????????redux??????????????redux-dev-tools?????????redux??????????ReactotronReactotron??https://github.com/infinitered/reactotron??????????????React??ReactNative????????????????????????React????redux??action??saga?????????????????????????yarnadd--devreactotron-react-js???????Reactotron????????importReactotronfrom'reactotron-react-js';import{reactotronReduxasreduxPlugin}from'reactotron-redux';importsagaPluginfrom'reactotron-redux-saga';if(Config.useReactotron){?//refertohttps://github.com/infinitered/reactotronformoreoptions!?Reactotron???.configure({name:'ReactBlog'})???.use(reduxPlugin({onRestore:Immutable}))???.use(sagaPlugin())???.connect();?//Let'sclearReactotrononeverytimeweloadtheapp?Reactotron.clear();?//Totallyhacky,butthisallowsyoutonotbothimportingreactotron-react-js?//oneveryfile.?ThisisjustDEVmode,sonobigdeal.?console.tron=Reactotron;}????????console.tron.overlay???????????????import'./config/ReactotronConfig';importDebugConfigfrom'./config/DebugConfig';classAppextendsComponent{?render(){???return(????????????????????)?}}//allowreactotronoverlayforfastdesignindevmodeexportdefaultDebugConfig.useReactotron??console.tron.overlay(App)?:App???????????Reactotron????????????????????????redux??action??????????React????????????????????????UI????????????????UI???????????????????????1.???????????????p???UI????????????????p????????????????????????2.????????????????????????????????????render()??????????????????3.????????????????????UI????4.UI???????????????????UI????????????????????????????????????????UI??(HTML???????)??????????????????????????Redux??????????props????Reduxstore??????????props???????????DispatchReduxactions?????????????????????Redux????????????web???????????????????????????????????????????????????????mobx??redux?????????????????????k??redux???redux???????React???????????????ReactNative??????????Redux?????JavaScript???????????????????????????????????????????????????????????????????????????????????????????????????????????????action?????1.??????????????Redux??????????????????????????????????????????????????????????????????reduxstore???????????????????redux????2.reduxstore??????redux?????????????????????????????DOM????React?????????????????????????????3.redux??store??redux?????Flux???????????????????store????????????????????????????????????????????action?????????reducer??4.action??????????????????????????type??payload??????????redux??????????????????5.reducer????????????????????????state?????????????action??????????????action.type(action????)??????????????????????????6.dispatch??store??????action?????????????????action???????7.createStore??????store???????????reducer????????????redux???????????????????store?????????action?????????ReduxMiddleware??Redux?????????Node???????????????action???????????reducer???????????????dispatch??????action?????????????????????????????reducer??????????????????????????????????????????????????????????????????????????????store.dispatch?????????????StoreEnhancer????????????????????????????dispatch????????????????store??redux???????????????store????????????????????????????store??????????????????????store.dispatch??????constlogEnhancer=(createStore)=>(reducer,preloadedState,enhancer)=>{?conststore=createStore(reducer,preloadedState,enhancer)?constoriginalDispatch=store.dispatch?store.dispatch=(action)=>{???console.log(action)???originalDispatch(action)?}?returnstore}????????????????????????redux??createStore?????????store???????????????????????store????????????????????????????????????????????????????????????????????????????????????????store??dispatch??????????????????????????????????????????????????????????????????????????compose???????????????????????????????store???????????????????????????????applyMiddleware??????????????????????????????????????store.dispatch????react-reduxRedux???????????JavaScript??????????????????????React??Angular??Ember??jQuery???????JavaScript?????????????????React???????????Redux??React??????????????????????Redux?????????????????????react-redux??https://github.com/reactjs/react-redux????classAppextendsComponent{?render(){???const{store}=this.props???return(??????????????????????????????

????????????????з??????????????????????????????,?????????????????,??????????????????,?????????????????????,????????,?????????????????????????,??????????????????,????????,???????????????,?????????????????????????????????????????????????????????????????????????λ????????-????????????????,????μ???????????????????????????????????????????????????????????ù涞??????????????????????????????η???????????????5??9????5??11??????????1535???????????????????????顣

?????????????д?????????????????????????????????????????????е????????????????????????????????????к????????????????????????????????????????????????????????????????????????????BeBest????С?????????°?????????????????????????????????????????????????????????????7??????12?????7?????????????п??????????????????????????????????????????δ????????????????????й????й???????????2030??????????????????????????????????????????????????????????????????????

?????з?????????????????????????????裬???????????????й??????????????????????????????2018??????????????ò?????????????????????????2017???????й?????????????2000???????б?????????????????????????????????????????????????????г??????????????????????????????????????????????????????????????????????????????????????????????λ????????-????????????????,????μ?????????????????????????????????????????2016??÷???????????????????????????????????????????????????????y??????????????в????????°????????Ъ??2008?????????壬????????????????????????7?????3?2?2??????????????????????3??

?????????????????????????????????????????8?????6?1?1????????????????÷????櫵???ξ???????粨???????????????????????????????6?????1?2?3?????????????????????????????????????????????4??3?1???????????????4?????????????????????????????????????????????????????6?????1?2?3???????????????????????????????????????????5??22?????????3????????????????????????????????????????????????

????????????????????????????????????绻????????ü??????????????й??????????????????????????????2018??????????????ò?????????????????????????2017???????й?????????????2000???????б??????????????????????????????????????????????С??????????????????й??????????????????????????????2018??????????????ò?????????????????????????2017???????й?????????????2000???????б?????????????????????????????????????????????????????????????????о??????????????????????????????????????????????????????5??22?????????3????????????????????????????????????????????????

?????г???????????????????????Щ????з?ī??????????????????????????????????2016??÷???????????????????????????????????????????????????????y??????????????в????????°????????Ъ??2008?????????壬?????????????????????????????????????????8?????6?1?1?????????????????????????????????????????????????????????????????г???????????????????????????????????????????????????????????????????????????????????????????????????????????У?к??,????????β?????,???????????????????У????,??????????????????????????????,??????,?????????????????????????????????????????????????,??????????????????????????????????????????????????????籨5??8??????????????????÷?????7???????????????????????????????????????????????????????????д???????????С????????????????????

????????????????????????????????У?к??,????????β?????,???????????????????У????,??????????????????????????????,??????,??????????????????????????????????????????????????????????????????????μ?11??????8???????????????????????????????????????????????????????????????????????????????????ξ???????С??????????????????????????????????????????????????????????,??????????????????????????????????????????

??????????????????????7??????12?????7?????????????п?????????????????????????????????ξ???????????С???????????????????????????????????????????????????У?к??,????????β?????,???????????????????У????,??????????????????????????????,??????,????????

????????