Java script/Redux (2) 썸네일형 리스트형 React-Redux React-Redux react-redux는 react와 redux를 연결해주는 역할을 한다. provider : react로 작성된 컴포넌트들을 provider안에 넣으면 하위 컴포넌트들이 provider를 통해 redux store에 접근이 가능해진다. import React from 'react' import ReactDOM from 'react-dom' import { Provider } from 'react-redux' import { App } from './App' import createStore from './createReduxStore' const store = createStore() ReactDOM.render( // React의 props처럼 redux로 만든 store를 Pro.. Redux의 기본 개념과 예시 Redux redux는 react, angular등에서의 상태관리를 위한 라이브러리이다. 1. Reducer Reducer는 유저가 액션을 디스패치하여 스토어의 상태를 바꾸고자 할 때, 액션에 따라 기존의 상태를 새로운 상태로 만들어 낸다. 여기서 중요한 점은 Reducer는 순수함수여야 한다는 점이다. 따라서 Reducer안에서 동적인 처리나 변화가 있어서는 안된다. (a가 입력되 면 반드시 b가 출력되도록) const reducer = (prevState, action) => { // 새로운 스테이트 만들어주기 switch (action.type) { case "LOG_IN": return { ...prevState, user: action.data, }; case "LOG_OUT": return {.. 이전 1 다음
