Published 2021. 3. 22. 21:11
728x90
반응형

Redux 사용하기

리덕스는 리액트에서 사용하려고 만든 상태 관리 라이브러리지만, 리액트에 의존하지 않음

즉, 리액트를 사용하지 않아도 리덕스를 사용할 수 있음

 


 

리덕스의 세 가지 규칙

1️⃣ 스토어는 단 한 개

스토어는 언제나 단 한 개임

그 대신 리듀서를 여러 개 만들어서 관리할 수 있음

 

2️⃣ state는 읽기 전용

리덕스의 상태 state 값은 읽기 전용임

이 값은 절대로 직접 수정하면 안됨 👉 그렇게 하면 리덕스의 구독 함수를 제대로 실행하지 않거나 컴포넌트의 리렌더링이 되지 않을 수 있음

상태를 업데이트 할 때는 언제나 새 상태 객체를 만들어서 넣어 주어야 함

 

3️⃣ 변화는 순수 함수로 구성

모든 변화는 순수 함수로 구성해야 함

여기서 함수란 바로 리듀서 함수를 가리킴

순수 함수에서 결과 값을 출력할 때는 파라미터 값에만 의존해야 하며, 같은 파라미터는 언제나 같은 결과를 출력해야 함

예를 들어 리듀서 함수 내부에서 외부 네트워크와 데이터베이스에 직접 접근하면 안됨 👉 요청이 실패할 수도 있고, 외부 서버의 반환값이 변할 수 있기 때문

리듀서 함수 내부에서는 현재 날짜를 반환하는 new Date() 함수나 Math.random() 함수 등도 사용하면 안됨

반응형
복사했습니다!