ES6 ReactJavaScript JavaScript ECMAScript ( ES6 ) JavaScript ES6 React jQuery React. js jQuery DOM State of JS React. js 92React. js Facebook React. js Virtual DOM UI React Native Web iOS Android bug React FacebookAirbnbNetflix Redux React. js React. js Redux Redux 1-React2-Hello React AppNode. jsNode. jsnpmVisual Studio CodeVSCode3-ReactDOM TreeJavaScriptDOM TreeDOM TreeDOM Tree(Componetn Driven Development)DOM Tree (Virtual DOM Tree)DOM TreeReactDOM Tree4-ECMAScriptECMA ScriptES6varletES6ES6ES65-thisES6ES7ES66-7-ES68-this9-PromisePromisePromisePromisePromisePromise10-ES6BabelReactWebpack11-ReactJSXJSXReactReactReactReact12-App(Controllerd Input)13-ReactCSSCSSSASSCSSCSSstyled-componentsstyled-componentsstyled-componentsstyled-compoents(RWD)14-Single Page ApplicationMPASPAMPASPASPASPAAPP15-App SPAApp SPA16-React RouterReact RouterReact RouterBrowserRouterRouterLinkReact RouterApp SPA17-ReactMVCMVCFacebookFacebook Messenger Bug18-ReduxReactReduxReduxReduxActionAppActionReduxReducerAppReducerReducer19-ReactReduxJavascriptReducerImmutable DataReducer ReduxStoreStoreStoreActionReduxReactReduxConnectHigh Order Component(HOC)Decorator PatternApp20-ReactAPIAJAXXHRfetchfetchfetchRequestfetchHeaderfetchBodyfetchResponse21-ReduxReduxFat action, slim reducerActionAction creatrorActionReducerRedux MiddlewareMiddlewareES5ES6Middlewareredux-thunkredux-thunkActionredux-thunkAction22-23-ReactReactPureComponent24-Google Progreesive Web ApplicationGoogle PWAES7PWAPWA 25-Keystone. React Keystone 26-Immutable DataImmutable. jsFacebookImmutable. jsImmutable. js 27-ReactSEOSPASingle-page application