728x90
반응형
Redux 사용하기
리덕스는 리액트에서 사용하려고 만든 상태 관리 라이브러리지만, 리액트에 의존하지 않음
즉, 리액트를 사용하지 않아도 리덕스를 사용할 수 있음
리덕스의 세 가지 규칙
1️⃣ 스토어는 단 한 개
스토어는 언제나 단 한 개임
그 대신 리듀서를 여러 개 만들어서 관리할 수 있음
2️⃣ state는 읽기 전용
리덕스의 상태 state 값은 읽기 전용임
이 값은 절대로 직접 수정하면 안됨 👉 그렇게 하면 리덕스의 구독 함수를 제대로 실행하지 않거나 컴포넌트의 리렌더링이 되지 않을 수 있음
상태를 업데이트 할 때는 언제나 새 상태 객체를 만들어서 넣어 주어야 함
3️⃣ 변화는 순수 함수로 구성
모든 변화는 순수 함수로 구성해야 함
여기서 함수란 바로 리듀서 함수를 가리킴
순수 함수에서 결과 값을 출력할 때는 파라미터 값에만 의존해야 하며, 같은 파라미터는 언제나 같은 결과를 출력해야 함
예를 들어 리듀서 함수 내부에서 외부 네트워크와 데이터베이스에 직접 접근하면 안됨 👉 요청이 실패할 수도 있고, 외부 서버의 반환값이 변할 수 있기 때문
리듀서 함수 내부에서는 현재 날짜를 반환하는 new Date() 함수나 Math.random() 함수 등도 사용하면 안됨
반응형
'프로그래밍 > React' 카테고리의 다른 글
to do list 만들기_5 (초기 state 정의와 Form 기능 구현) (0) | 2021.03.25 |
---|---|
to do list 만들기_4 (ToDoItemList, ToDoItem 컴포넌트 만들기) (0) | 2021.03.23 |
Redux란? (0) | 2021.03.19 |
to do list 만들기_3 (Form 컴포넌트 만들기) (0) | 2021.03.16 |
to do list 만들기_2 (컴포넌트 구성하기) (0) | 2021.03.12 |