Redux 2탄 - Redux의 필수규칙

2탄입니다.

진짜 사용법에대해서 알아볼건데 잘 따라오셔야 합니다.

왜냐믄 이것저것 뭐가 많이 등장하거든요

분명 보다보면

" 아니~~ 슈바 그냥 useState 써서  props로 떤질까 ? "   이런생각 들거에요 분명 들거야..

근데 나름 이 원리를 이해하는거 자체가 쪼금 재밌는거 같기도한데요...    하... 암튼 재밌음 따라와보셈...

 

---

진짜 마지막으로 몇가지만 더 설명하고 사용법ㄱㄱ 하겠슴다.

"아니 사용법 언제알려줌 ㅡㅡ " 이라고 하시겠지만 어쩔수 없음 중요한걸요..

 

Redux의 필수규칙 3가지입니당.

 

1. Store는 항상 1개다 .

말글대로 입니다. Store는 그냥 뒤져도 1개라고 생각하세요.

 

 

 

2. State는 읽기전용이다. !

 

항상 State는 값을 직접 수정하지 않아야합니다.  ( immutable 해야한다~  뭔가 있어보이쥬 ?)

 

참조데이터형 (Reference Data Type) 값들 말하는 거임 .. 

(나머지 전부  , 대표적인건 배열과 객체)

 

원시데이터형 (Primitive Data Type) 값들은 직접 수정 가능합니다이

(string, number, bigint, boolean, undefined, symbol, [ null ] ) 

 

 

 

3. Reducer는 항상 순수한 함수여야 한다 !

 

이건 또 뭔소리 ? 라고 하시겠죠 왜냐면 내가 그랬거든요 ^^

 

그라믄 가볍게 위에 2번 내용을 쓰윽 봅시다. 

"State는 읽기전용이니깐 직접수정하지 말아주세요" 라네요 ..

 

앞서 Reducer가 state의 값을 변경시키기위한 함수라고 했져~?

 

결론은

 " Reducer함수의 로직은 State를 변경하되

직접 수정하는 짓거리는 하지 않도록 짜야겠네요 ~~ "  라는 뜻 이겠네요 

 

 

 

또 순수한 함수의 조건에는 ~

동일한 인자를 받아 실행된 함수라면 언제나 실행에 대한 결과값은 같아야합니다.

 

쉽게말해서~

"더해주세요~" 해서 값이 +1 됐으면~

다음번에 와서 또

"더해주세요~" 하면 값이 +1 되야한다는 말입니다.

 

결론은

" Reducer함수 안에서는

실행할 때 마다 결과값이 달라질 수 있는 친구들을 사용하지 말아요 ~~ "  라는 뜻 이겠네요

 

이제 진짜 사용법을 알려드리겠습니다. 정말입니다.

 

 

 

 

물론 3탄에서요 ^^

 

끝