JavaScript2 Redux - Immutable Update Patterns Redux에서는 Reducer를 사용해서 현재 상태와 액션객체를 받아 새로운 상태를 리턴해준다. 새로운 상태를 리턴해 줄 때 Immutable Data로 값을 반환해 주어야 한다. 요소를 배열에 추가하거나 지울때는 아래와 같은 방법을 사용한다. 1. 배열에 요소를 추가할 때 function insertItem(array, action) { return [ ...array.slice(0, action.index), action.item, ...array.slice(action.index) ] } 2. 배열에 요소를 삭제할 때 function removeItem(array, action) { return array.filter((item, index) => index !== action.index) } 3.. 2022. 2. 8. Redux - React 상태 관련 라이브러리 Redux? Redux is a predictable state container for JavaScript applications. 리덕스는 자바스크립트 앱에서 예측가능한 상태관리를 위한 컨테이너이다. Redux의 세가지 원칙 1. Single source of truth 동일한 데이터는 항상 같은 곳에서 데이터를 가지고 온다. 2. State is read-only Redux는 action 을 통해 상태를 변경한다. 3. Changes are made with pure functions 변경을 일으키는 함수는 오직 순수함수로만 가능하다. Redux의 상태 변화 흐름 초기상태 root reducer 함수를 사용하여 Redux Store를 만든다. Store는 root reducer를 한번 호출하고, .. 2022. 2. 8. 이전 1 다음
