차가운세상

대표적으로 많이 쓰이는 Redux, Mobx가 State관리하는 라이브러리인데요. Redux가 Mobx보다 많이 사용되어져서 Context와 비교해보게 되었습니다. 왜 React에서 16.3부터 context 를 제공하였을까요? class 기반의 사용하였을 경우 provider,consumer를 이용하여 쓰기에는 조금 불편하였습니다. hook이 나온 이후에는 useContext, useReducer를 이용하면 편리해졌습니다. 그러면 왜? 아직도 많은 업체들은 Redux를 사용할까? 대략적으로 비교를 해보았습니다. Context Redux store 또는 관리하는것이 없다. 하나의 store에 하나의 object로 관리 되어진다. React Components에서만 작동 React Components 밖에..

드디어 React-Redux 버전 7.1(배포일 2019/6/11)이 정식 배포 되었습니다. 사실 리덕스 문서를 보러 들어갔다가 알게된 사실입니다. 에헴.... 이제 connect함수를 사용하지 않고도 각각의 dispatch,state를 쉽게 사용가능해졌습니다. 어떻게 써야하는지 간단한 예제로 시작해보겠습니다. Action, Reducer 는 생략 하겠습니다. 예제 기존방식 import React from "react"; import { connect } from 'react-redux' import { incrementAction, decrementAction } from "./Actions"; const counterSelector = state => state.counter; cons..