Redux

なぜReact Contextが必要なのですか?

React Contextのみを使用する場合の潜在的な欠点

return (
  <AuthContextProvider>
    <ThemeContextProvider>
      <UIInteractionContextProvider>
        <MultiStepFromContextProvider>
          <UserRegistration />
        </MultiStepFromContextProvider>
      </UIInteractionContextProvider>
    </ThemeContextProvider>
  </AuthContextProvider>
)

Reduxの構造

Reducer Function

const redux = require('redux');

// state에 초기값 설정
const couterReducer = (state = {counter:0}, action)=>{
  return {
    counter: state.counter +1
  };
};

const store = redux.createStore(counterReducer);

const couterSubscriber =() =>{
  // 스토에 안에 최신 업데이트된 data를 가져올수 있는 함수 
  const latestState = store.getState();
  console.log(latestState);
}

// data를 가져간 함수를 구독하여 data가 최신화 되면 업데이트 해줌.
store.subscribe(counterSubscriber);