개발노트

redux 설치 본문

React/project

redux 설치

aloha2jh 2020. 8. 25. 11:52

리덕스 소개

리덕스를 사용하면 props를 전달할때 A->B->C 에서 A->C로 가능.

각 증조부모, 부모, 자식 컴포넌트를 각컴포넌트를 거치지 않고 바로 증조부모->자식 간의 데이터를 주고받을수 있다.

 

state라는 개념 대신 더 큰 store라는 개념이 있고, 

setState로 state를 변화시키듯이

action  dispatch(실행)시켜 initialState(store의 상태값)을 변경한다.

 

리덕스 설치

npm i redux react-redux

react에서 쓰면 raact-redux를 설치해야된다. 리덕스는 다른대서도 사용가능

 

 

next를 쓰기 때문에, next-redux-wrapper를 설치 (next안쓰면 위만 설치해도 됨)

npm i next-redux-wrapper

 

 

https://aloha2jh.tistory.com/51?category=866443

 

redux

즉 리덕스는 State를 분배. 리액트의 state를 하나의 store에 모아서 관리하면서, 하나의 state를 여러 컴포넌트에 전달할수 있다. 필요한 state를 골라서 해당컴포넌트에 전달할수 있음 store 리덕스만��

aloha2jh.tistory.com

 

'React > project' 카테고리의 다른 글

next - getInitialProps  (0) 2020.08.27
nodemon  (0) 2020.08.27
redux  (0) 2020.08.25
back 서버실행  (0) 2020.08.20
back 세팅  (0) 2020.08.20