Redux란?

리덕스는 오픈 소스 자바스크립트 라이브러리의 일종으로, state를 이용해 웹 사이트 혹은 애플리케이션의 상태 관리를 해줄 목적으로 사용한다

npm install @reduxjs/toolkit react-redux

Redux 왜 사용해야하나?

1. props 문법 귀찮을떄 사용

• 모든 component가 props 없이 state 직접 꺼낼수 있음

props가 필요없어짐

index.js

APP.js

2. state 변경 관리할떄 사용

var 몸무게 = 100 => var 몸무게 = 'abc'로 바뀌어서 오류가뜸.
어디가 틀렸는지 하나씩 다 찾아봐야된다.

component들은 부탁만한다.
state가 버그가있어도 store.js 에서 다 있기 떄문에 버그찾기가 쉽다.

Reduux 스타일 state 수정방법





컴포넌트에서 state 수정요청방법

Mobx, Overmind.js, Recoil 다른 라이브러리도 존재한다.

Redux가 어플리케이션을 어떻게 향상시키나?