# redux
REDUX
Using Redux with Ducks allows you to minimize the amount of files needed to organize the different parts that redux needs in order to operate.
리덕스+리액트 redux with React #4 그래프 DB 도입
참고서적 : do it! 리액트프로그래밍정석컴퓨팅에서 그래프 데이터베이스(graph database, GDB)는 시맨틱 쿼리를 위해 노드, 엣지, 프로퍼티와 함께 그래프 구조를 사용하여 데이터를 표현하고 저장하는 데이터베이스이다. 이 시스템의 주 개념은 그래프(엣지 또
TIL(20.05.01) redux
리액트에서는 상태와 속성을 이용한 컴포넌트 단위 개발 아키텍쳐 였지만 redux에서는 컴포넌트와 상태를 분리하는 패턴을 배운다. Redux는 React 없이도 사용할 수 있는, 상태 관련 라이브러리입니다.상태 관리 라이브러리가 왜 필요한지 이해할 수 있다.Redux
react state props counter VS redux counter
counter.jsApp.jswow.. awesomefirst create-react-appnpx create-react-app countersecond install modulesnpm install --save redux react-reduxaction : a ob
리덕스+리액트 redux with React #3 todo app 만들어볼까나!
Todo app 만들기 리덕스 슬쩍 훓어 봤으니, todo app을 만들어보자. redux 공식문서 : Todo app 만들기 에 내용 정리되어 있다. 천천히 만들어보면서 막힐때 슬쩍 보기! CRA프로젝트 $ npx create-react-app react-redux
Redux-Saga #2
call을 이용해서 비동기함수를 호출한다면 동기적으로 함수가 종료되고 반환할 때까지 기다려야한다. 하지만 호출 중간에 우발적으로 일어나는 다른 액션 또한 동작하기를 원한다면 fork을 이용해야한다.결합되어있는 fork들의 부모는 결합된 모든 fork들이 종료 된 뒤에
리덕스+리액트 redux with React #2 컴포넌트 구성과 connect()
리액트와 함께 사용 redux 공식문서 - redux with react 공식문서에서 리액트에서 리덕스를 사용할때 컴포넌트 구성을 어떻게 해야할지 가이드 되어 있다. 리액트 컴포넌트의 재사용을 쉽게 하기 위한 방식으로 재공한다 하니. 한번 읽어보고 적용할수 있게 노~
리덕스+리액트 redux with React #1 설치와 리덕스 개념
리덕스 Redux 공식문서 스토어라는 가상공간에 데이터를 모아두어, 필요한 컴포넌트에서 데이터를 가져다 사용,변경 할수 있다.중간 컴포에게 데이터전달-전달-전달 하지 않고, 중앙관리되는 데이터를 가져다 씀으로서, 데이터 누락, 무한화면그리기 없이 깔꼼! > ####
Redux-Saga #1
Redux-Saga는 비동기 데이터처리, 에러 핸들링 과 테스트를 좀 더 쉽고 효율적으로 관리하기 위해 사용되는 Redux middleware이다.https://redux-saga.js.org/logo/0800/Redux-Saga-Logo-Landscape.p
Immer
React 컴포넌트의 state를 변경해야 할 땐, 무조건 불변성을 유지해야한다.업데이트 하는 과정에서 기존의 객체의 값을 직접 수정하면 안된다.객체 구조가 깊어질수록 불변성을 유지하면서 수정하기가 어렵다.immer는 불변성을 유지해주는 라이브러리입니다. produce
Redux #2
기존 방식으로 Redux를 사용하는 경우 mapStateToProps를 이용해서 props내 state를 정의하고, connect를 이용해서 props를 바인딩하는 복잡한 행동을 해야한다.하지만 react-redux의 useSelector와 useDispatch라는 h
Redux #1
상위 컴포넌트로부터 하위 컴포넌트까지의 상태값의 효율적인 전달을 위해서 Context Api를 사용한다. 하지만 앱의 규모가 커지면 커질수록 컴포넌트의 개수와 데이터 개수가 늘어남에 따라 코드도 복잡해지고 길어진다. 이를 해결하기 위해 상태값을 중앙화 시켜 유지관리하기
Redux 시리즈 링크
리덕스 시리즈 링크 👉 [Redux Series] (https://velog.io/@cyongchoi/series/Redux) Redux Flow (기초) EVENT 발생 => 정해진 ACTIONS 를 STORE에 확인 해달라고 요청 => STORE 가 REDUCER 한테 무슨 상황(상태) 가 변했는지 알려줘서 REDUCER 가 dispatch(실행...
