Redux/Basic
-
Redux - StoreRedux/Basic 2022. 1. 1. 00:36
Store 저장소는 App의 전체 상태 트리를 보유한다. 내부 상태를 변경하는 유일한 방법은 해당 상태에 대한 액션(Action)을 전달(dispatch)하는 것이다. 저장소는 클래스(class)가 아니다. 저장소를 생성하기 위해서는 createStore 함수를 Root에 전달한다. Store Methods getState() 애플리케이션의 현재 상태 트리를 반환한다. 저장소(store)의 리듀서(reducer)에 의해 반환된 마지막 값과 동일하다. Returns (any): 애플리케이션의 현재 상태 트리 dispatch(action) 액션을 전달한다. 상태 변경할 수 있는 유일한 방법이다. Arguments action 애플리케이션에 적합한 변경을 설명하는 객체이다. action은 데이터를 저장소(st..
-
Redux - createStoreRedux/Basic 2021. 12. 31. 13:00
createStore(reducer, [preloadedState], [enhancer]) 저장소(store) 생성 App에는 하나의 저장소(store)만 있어야 한다. Arguments reducer (Function): 현재 상태 트리와 수행할 액션이 주어지면, 다음 상태 트리를 반환해주는 함수 [preloadedState] (any) 초기 상태 선택적으로 범용적인 앱의 서버에서 상태를 수화하거나 이전에 직렬화된 사용자 세션을 복원하도록 지정할 수 있다. combineReducers로 reducer를 생성한 경우, 전달된 key와 동일한 형태의 일반 객체여야만 한다. [enhancer] (Function) 미들웨어, 시간 여행, 지속성 등과 같은 third-party 기능으로 저장소를 향상시키기 위해..
-
Redux - ReducerRedux/Basic 2021. 6. 17. 19:19
- 리덕스의 리듀서란? 액션을 주면 그 액션에 따라 결과를 만들어 주는 함수 Pure Function 같은 Input을 받으면 같은 결과를 반환하는 함수 Immutable 리듀서를 통해 State가 변경되었음을 리덕스가 인지하는 방식 액션을 받아서 State를 return 하는 구조 인자로 들어오는 previousState와 return 되는 newState는 다른 참조를 가지도록 해야함 function reducer(previousState, action) { return newState; } import { ADD_TODO } from './actions'; const initialState = []; function todoApp(previousState = initialState, action) ..
-
Redux - ActionRedux/Basic 2021. 6. 17. 19:10
- 리덕스의 액션이란? 액션은 객체(object) payload가 유무에 따라 두 가지 형태 존재 { type: 'ADD' } // payload x { type: 'ADD', params: '1' } // payload o type은 필수 프로퍼티이며 문자열 Store에 전달이 되면 Store의 상태를 변경하는 용도로 사용 - 리덕스의 액션 생성자(Action Creator)란? 액션을 생성하는 함수 함수를 통해 액션을 생성해서 액션 객체를 리턴 ex) function 액션생성자(...args) { return 액션; } - 리덕스의 액션의 역할 액션 생성자를 통해 액션 생성 생성된 액션 객체를 Redux Store에 전달 Redux Store가 액션 객체를 받으면 Store의 상태 값이 변경 변경된 ..