State Management 검색 결과

해당 글 13건

Redux 소개 및 활용

Redux - A predictable state container for JavaScript apps. | Redux A predictable state container for JavaScript apps. redux.js.org 🚀 Redux가 뭐야 JS 어플리케이션을 위한 예측 가능한 상태 관리 라이브러리입니다. (A Predictable State Container for JS Apps) 각 컴포넌트에서 다른 컴포넌트로 props, state를 오가며 전달하는 것은 복잡합니다. 외부 store에 state를 한꺼번에 중앙 집중적으로 관리하는 것이 효율적이고, 쉽습니다. 컴포넌트를 예로 들었지만 반드시 React에서만 사용하는 건 아닙니다. Pure하게 사용할 수도 있고, 다른 프레임워크에서 사용..
State Management/⚛ Redux 2020. 5. 26. 18:15

React에 Redux, react-redux 적용하기

React Redux · Official React bindings for Redux Official React bindings for Redux react-redux.js.org 에... 여담입니다만 react-redux에서는 subscribe를 사용하지 않습니다. state가 변하면 알아서 컴포넌트가 재렌더링 될테니깐요. 🚗 설치 pure한 redux에서와 달리 react-redux를 추가 설치해야 한다. npm i redux npm i react-redux store를 생성하는 것은 일반 redux를 사용하는 것과 같다. reducer를 만들고, store를 만든다. import { createStore } from "redux"; const reducer = (state = [], action) ..
State Management/⚛ Redux 2020. 3. 25. 21:49

pure Redux

Redux는 state 관리 툴이다. 오해하지 말아야할 것이, React에 의존하지 않는 툴이다. Vue, Angular 심지어 vinilla JS에서도 돌아간다. 그러나 React에서 사용하면서 유명세를 탄 것도 사실이므로 React와 Redux를 같이 배우는 것이 좋다. 우선 기본적인 (pure한) Redux를 살펴보고 이후에 React에 적용해보도록 하자. redux.js.org/ Redux - A predictable state container for JavaScript apps. | Redux A predictable state container for JavaScript apps. redux.js.org 🚗 redux 설치 npm i redux 🚗 Reducer Context API와 마찬가..
State Management/⚛ Redux 2020. 3. 25. 04:12