샘플1.
redux-demo.js
// redux 라이브러리를 가져옵니다. const redux = require('redux'); // 초기 상태를 설정합니다. 카운터는 0으로 시작합니다. const initialState = { counter: 0 }; // 리듀서 함수를 정의합니다. 이 함수는 액션에 따라 상태를 변경합니다. const counterReducer = (state = initialState, action) => { // 액션의 타입에 따라 다른 작업을 수행합니다. switch(action.type) { case 'increment': // 'increment' 액션의 경우, 카운터를 1 증가시킵니다. return { counter: state.counter + 1 }; default: // 알 수 없는 액션의 경우, 현재 상태를 그대로 반환합니다. return state; } } // 스토어를 생성합니다. 이 스토어는 애플리케이션의 상태를 관리합니다. const store = redux.createStore(counterReducer); // 구독자 함수를 정의합니다. 이 함수는 상태가 변경될 때마다 호출됩니다. const counterSubscriber = () => { // 가장 최근의 상태를 가져옵니다. const latestState = store.getState(); // 최근 상태를 콘솔에 출력합니다. console.log(latestState); } // 구독자 함수를 스토어에 등록합니다. store.subscribe(counterSubscriber); // 'increment' 액션을 디스패치합니다. 이로 인해 카운터가 1 증가합니다. store.dispatch({type: 'increment'});
$ node redux-demo.js
{ counter: 1 }
댓글 ( 0)
댓글 남기기