상태관리
-
바닐라 자바스크립트 Redux 적용하기Redux 2020. 7. 26. 13:52
바닐라 자바스크립트를 통해 리덕스를 알아보자. 리덕스(Redux)란 무엇인가? 리덕스(Redux)는 자바스크립트 애플리케이션에서 흔히 쓰이는 state container이며, 리액트(React) 뿐만 아니라, 어떠한 자바스크립트 라이브러리와도 연결할 수 있는 state(상태) 관리 라이브러리이다. 예제를 통해 알아보자. 아래 예제를 보면 버튼을 눌렀을 때, count의 수가 증가하거나 감소하는 자바스크립트 코드가 있다. index.html index.js Add 버튼을 눌렀을 때, 숫자가 증가하고 Minus 버튼을 눌렀을 때, 숫자가 감소한다. 이 자바스크립트로 작성된 코드를 리덕스(redux)로 바꾼다면? 아래와 같은 예제가 될 것이다. import { createStore } from "redux";..