성장, 그리고 노력

부족하더라도 어제보다 더 잘해지자. 노력은 절대 배신하지 않는다.

Store 2

[Redux & Reducer] 기초 개념 2

스토어 → 애플리케이션의 상태(state)를 가지고 있는 곳 → createStore라는 함수를 가지고 있고 이를 통해 스토어를 생성 → 스토어는 애플리케이션 내부에서 유일성을 가진다. 플럭스 표준 액션(Flux Standard Action) → 액션의 형식을 표준화한 것(with 페이스북 개발자) → 디자인 목표: Human-friendly, Useful, Simple 액션크리에이터(ActionCreator) → 액션을 생성하기 위한 함수 → 액션크리에이터를 만들어 두면 액션 테스트를 쉽게 할 수 있으며, 실제로 액션을 사용하는 경우에도 직감적으로 쉽게 사용할 수 있다. const addTask = task => ({ type: 'ADD_TASK', payload: { task } }) createSt..

상태관리 2019.12.10

[Redux & Reducer] 기초 개념 1

리듀서(Reducer)란? → 리듀서는 이전 상태와 동작을 받아 새 상태를 리턴한다. → 리듀서는 반드시 순수 함수여야 한다. 이를테면 데이터베이스 호출이나 HTTP 호출 등 외부의 데이터 구조를 변형하는 호출은 허용되지 않는다. → 리듀서는 항상 현재 상태를 '읽기 전용'으로 다룬다. 기존 상태를 변경하지는 않지만 새 상태를 리턴은 할 수 있다. 리듀서가 포함하고 있는 세 가지. 할 일을 정의하는 Action(인수는 옵션) 애플리케이션의 모든 데이터를 저장하는 state state와 Action을 받아 새 상태를 리턴하는 Reducer 첫 리듀서 만들기 가장 단순한 리듀서는 상태 자체만을 리턴한다(identity reducer라고 한다). interface Action { type: string; pa..

상태관리 2019.12.10
반응형