React - 리 눅 스 실천

Redux 가 뭐 예요?

Redux javascript     ，            。      ：
- web        ，           。
-      ，         。

Redux 의 상태 용기 Store 는 모든 상태 데 이 터 를 저장 하고 있 으 며 모든 상 태 는 보기 와 일일이 대응 합 니 다.하나의 State 는 하나의 View 에 대응 하고 State 는 Store 에 저 장 됩 니 다.

View:     ， Action  State       。
ActionCreator：  View     ，     Action，  Action  [dispatch(action)] Store。
Store：   Action   [(prevState, action)] Reducer，  Reducer          View  。
Reducer：   Store     State      State，   Store。

전체 절차 에서 데이터 의 흐름 은 단 방향 으로 절차 의 뚜렷 함 을 확보 했다.

왜 Redux 를 써 야 합 니까?전단 에 대량의 불규칙 한 상호작용 과 비동기 작업 으로 인해 상태 유지 가 불편 하고 상태 에 대한 통 제 를 잃 게 되 었 다.Redux 는 모든 State 의 변 화 를 예측 할 수 있 고 응용 프로그램의 동작 과 상 태 를 통일 적 으로 관리 하려 고 합 니 다.

{ Provider, createProvider, connectAdvanced, connect } in react-redux
{ MemoryRouter, Prompt, Redirect, Route, Router, StaticRouter, Switch, matchPath, withRouter } in react-router
{ BrowserRouter, HashRouter, Link, MemoryRouter, NavLink, Prompt, Redirect, Route, Router, StaticRouter, Switch, matchPath, withRouter } in react-router-dom
{ ConnectedRouter, routerMiddleware } in react-router-redux
{ createStore, combineReducers, bindActionCreators, applyMiddleware, compose } in redux
{ historyAPI, push, replace, setState, go, goBack, goForward } in redux-router
{ routerStateReducer, ReduxRouter, reduxReactRouter, isActive, historyAPI, pushState, replaceState, setState, go, goBack, goForward } in redux-react-router