리액트 redux란

안녕하세요·2023년 12월 29일
1

react

목록 보기
9/32
post-thumbnail

리액트 hook

호출하는 컴포넌트에서 독립적으로 생성하고 실행

redux

리덕스는 전역 상태 관리를 위해 사용

리덕스 <------> react-redux <---------> 리액트

[리덕스 키워드]

1. 액션 (Action) 객체

상태에 변화가 필요할 때 발생시킴 (객체하나로 표현)
type을 필수로 그외의 값들은 개발자 마음대로 생성

2. 리듀서 (Reducer)

변화를 일으키는 함수
현재의 상태와 액션을 참조하여 새로운 상태를 반환

3. 스토어 (Store)

한 애플리케이션당 하나의 스토어
현재의 앱 상태와, 리듀서, 내장함수 포함

4. 디스패치 (dispatch)

스토어의 내장함수
액션을 발생 시키는 것

5. 구독 (subscribe)

스토어의 내장함수
subscribe 함수에 특정 함수를 전달해주면, 액션이 디스패치 되었을 때 마다 전달해준 함수가 호출
(리액트에서는 connect 함수 또는 useSelector Hook 을 사용)

[리덕스 라이브러리 설치]

1. 리덕스 라이브러리 설치 - 스토어 생성

yarn add redux

2. 리액트 프로젝트에 리덕스 적용

yarn add react-redux

yarn add reselect

yarn add redux-logger

npm install redux react-redux redux-thunk

0개의 댓글