Redux의 상태 함수를 리듀서라고 부르는 이유는 무엇입니까?

Redux의 상태 함수를 리듀서라고 부르는 이유는 무엇입니까?

---

이 공식 Redux 문서의 일부입니다 .

그것은 당신이 많은 함수의 유형이기 때문에 감속기라고 불립니다. Array.prototype.reduce(reducer, ?initialValue)

나에게는 그다지 말이되지 않습니다. 누군가가 감속기라고 불리는 이유를 설명해 주시겠습니까? IMHO로 만들지 사실 (또는 기본 인수 값이 있음).

---

IMHO로 만들지 사실 (또는 기본 인수 값이 있음).

기어가없는 단지 기본 값을 반환합니다. 항상 상태를 반환합니다 (모든 이전 및 현재 작업을 기반으로 함).

따라서 상태를 줄이는 역할을합니다 . redux 감속기가 호출 될 때마다 상태가 action과 함께 전달 (state, action)됩니다. 이 상태는 작업에 따라 축소 된 후 다음 상태가됩니다. 이 클래식 fold또는 reduce기능의 한주 기입니다 .

@azium이 state -> action -> state.

---

앱의 작업의 작업이 목록과 같거나 스트림과 관련된 목록 생각하면 더 합리적 일 수 있습니다.

이 인위적인 예를 보자 :

['apple', 'banana', 'cherry'].reduce((acc, item) => acc + item.length, 0)

첫 번째 인수는 형식의 함수입니다 (Int, String) => Int. 초기 값과 함께 reduce"리듀서 함수"라고하는 것을 전달 하고 전달의 항목을 처리했습니다. 따라서 감속기 기능은 변경하기 위해 각각의 연속적인 개별 항목에 대해 수행되는 작업을 설명합니다. 즉, 감속기 함수는 이전 출력과 다음 값을 취하고 다음 출력을 계산합니다.

이것은 Redux 감속기가 수행하는 작업과 유사합니다. 이전 상태와 현재 작업을 취하고 다음 상태를 계산합니다.

진정한 함수형 프로그래밍에서는 인수와 결과에 대한 의미를 개념적으로 지우고 입력 및 출력의 "모양"에만 집중할 수 있습니다.

Redux 감속기는 일반적으로 주어진 작업에 대해 모두 동일한 속성을 변경하지 않습니다 combineReducers.

---

이미 언급했듯이 이름은 함수형 프로그래밍에서 감속기의 개념과 관련이 있습니다. 감속기의 Merriam-Webster 사전 정의가 도움이 될 수도 있습니다.

1a. 함께 그리거나 수렴시키다 : 통합 (모든 질문을 하나로 줄임)

감속기는 작업을 애플리케이션 상태를 단일 객체로 통합합니다.

---

redux 감속기 가 a라고 불리는 이유 는 결과를 위해 존재하는 작업을 수행 할 reducera collection of actions와 initial state( 저장소 )를 "줄일"수 있기 때문 final state입니다.

어떻게? 이에 답하기 위해 감속기를 다시 정의하겠습니다.

감소 () 메소드는 적용에 function (reducer)대해 accumulator상기 어레이의 각각의 값 (의 왼쪽에서 오른쪽으로) 하나의 값 감소를 위해.

그리고 redux 감속기는 무엇을입니까?

감속기는 function현재 상태와 동작을 취하고 다음 상태를 반환 하는 순수 입니다. 상태는 accumulated컬렉션에 대한 각 작업 이이 상태를 변경하기 위해 적용되는 것입니다.

따라서 주어진 collection of actions리듀서는 컬렉션의 각 값 (왼쪽에서 오른쪽으로)에 적용됩니다. 처음에는 initial value. 이제 감속기 가이 초기 상태와 다음 상태를 반환하는 첫 번째 동작에 다시 적용됩니다. 그리고 다음 컬렉션 항목 (작업)은 배열의 끝에 도달 할 때까지 current state가져 오기 위해 매번 적용 next state됩니다. 그런 다음 the final state. 얼마나 멋진가요!

---

우리는 Reducer가 어디에서 왔는지 (함수 프로그래밍), 왜 그들이 축소 작업을 수행하는 것입니다. 알고 있습니다 (n 개의 입력 항목을 하나의 반환 값으로 줄이십시오-이는 함수가하는 일). 그러나 이름은 장미의 이름 인 것처럼 이름 일뿐입니다. 너무 깊게 생각하지 마. Redux progammer는 IT 인력이며, 다수에 갇혀 있으며 그게 합리적입니다. 나머지 우리는 파란 개를 노란 고양이라고 부르는 발명가의 권리를 들여 들여야합니다 ;-)

---

저자는 상태를 감소 기능의 누산기로 생각합니다. 전의 :

Final State = [Action1, Action2, ..., ActionN].reduce(reducer, Initial State);

기능적 프로그래밍에서 감소 기능은 "reducer"라는 이름도 FP에서 나왔습니다.

나는 여기에서 그 이름을 사용하는 것을 좋아하지 않습니다. 나는 세상을 행동 후 하나의 가치를 보지 않습니다. 여기서 상태는 객체입니다. 예를 들면 :

['eat', 'sleep'] === [addTodo('eat'), addTodo('sleep')].reduce(reducer, []);

이 감속기는 전혀 감소하지 않습니다. 그리고 나는 그것이 아무것도 줄이든 말든 상관하지 않습니다. 변환기 로 이름을 지정하는 것이 더 합리적입니다.

---

더 적게 만드는 수단을 위해 감소 함수라고 부르지 있으며, 더 많이 만듭니다. 그런 다음 반환

---

Redux 감속기가와 함께 사용하는 함수에 직접 매핑되는 방법을 알 수 없습니다 reduce.

먼저 MDN Array.reduce 문서 의 표준 감속기 (MDN에서 '누적 기'라고 함)을 사용한 기능 현관 다음 블로그 게시물 '당신은 돌아 오는 필요하지 않을 수도 있습니다' 끝에있는 댄 아브라모프의 단순화 된 예입니다을 .Counter.js

• sum 누산기에 값을 추가합니다.
• reducer 누산기에서 값을 더하거나 혹니다.

두 경우 모두 여기서 '상태'는 단지 정수입니다.

당신은 상태에 행동을 '축적'하고 있습니다. 이것은 또한 JavaScript 객체를 수정하는 불변의 방법입니다.

const sum = function(acc, val) {
    return acc + val;
};

const reducer = function(state, action) {
    switch (action) {
        case 'INCREMENT':
            return state + 1;
        case 'DECREMENT':
            return state - 1;
        default:
            return state;
    }
};

console.log('sum', [1, -1, 1].reduce(sum, 0));

console.log('reduce', ['INCREMENT', 'DECREMENT', 'INCREMENT'].reduce(reducer, 0));

console.log('sum', [1, 1, 1].reduce(sum, 0));

console.log('reduce', ['INCREMENT', 'INCREMENT', 'INCREMENT'].reduce(reducer, 0));

---

지금부터 우리는 그것을 Deducer 라고 부를 까요 ? 이전 상태와 작업을 기반으로 새 상태를 추론합니다.

---

다른 답변은 이름이있는 이유를 잘 설명하지만 더 많은 이름을 지정해 보겠습니다.

const origState = 0;
const actionOperators = {
    increment: (origState) => origState++,
    decrement: (origState) => origState--,
};
const anOperator = (aState, anAction) => actionOperators[anAction](aState);
const actions = ['increment', 'decrement', 'increment'];
const finalState = actions.reduce(anOperator, origState);

첫째, reduce호출 할 수 있습니다 use anOperator with every action name and accumulated state, starting with origState. 스몰 토크에서는 actions inject: origState into: anOperator. 실제로 운영자에게 무엇을 가지고 있습니까? origState 및 작업 이름. 발음은 명확하지 않습니다.

actionOperators[increment]감속기이지만 각 작업에 대해 구현되기 때문에 차라리 actionOperator라고 부르겠습니다. 상태는 인수 일뿐입니다 (그리고 반환 값으로 또 다른 것).

그러나 Reducer는 Google 검색 결과의 상단에 더 좋은 단어입니다. Redux 와도 비슷합니다.

---

아래 코드에서는 누산기를 작업으로, currentValue를 redux 컨텍스트의 상태로 생각하면됩니다. 이 예제를 통해 왜 그들이 감속기로 이름을 지 었는지 알 수 있습니다.

const array1 = [1, 2, 3, 4];
const reducer = (accumulator, currentValue) => accumulator + currentValue;

// Main operation is 1 + 2 + 3 + 4 = 10
// but think of it as a stack like this: 

// | 2 | | 3 | | 4 | 
// |_1_| |_3_| |_6_| | 10 | => the 10 is in result

console.log(array1.reduce(reducer));
// expected output: 10

reduce () 메서드는 배열의 각 요소에 대해 사용자가 제공하는 감속기 함수를 실행하여 단일 출력 값을 생성합니다.

참고 URL : https://stackoverflow.com/questions/34376023/why-are-reduxs-state-functions-called-reducers