# redux
Redux action creator의 존재 이유에 대한 사색
redux 를 프로젝트에 사용하는데 action 이라는 객체를 활용한다.여기서 action 객체는 필수적으로 type 이라는 키 값을 갖는다.value로 문자열을 갖고 그 문자열에 해당하는 함수를 실행하여 store에 있는 state의 값을 업데이트해주는 방식이다.그런
👐 TS with Redux(RTK) 👐
타입스크립트 , 리액트 , 리덕스를 같이 사용하는 방법을 알아보자. 탬플릿 사용하기 일일히 타입스크립트 , 리액트 , 리덕스 셋팅을 할 필요없이 Create a React Redux App 템플릿을 사용하면 셋팅이 완료된 템플릿 상태로 프로젝트를 시작할 수 있다.
Redux가 뭐예요
리덕스는 cross-component 또는 app-wide 상태를 위한 상태 관리 시스템이다.상태는 로컬 상태, cross-component 상태, app-wide 상태 와 같이 세 가지로 구분할 수 있다.로컬 상태는 데이터가 변경되면 하나의 컴포넌트 UI에 영향을 미
[React] useState의 초기값을 props의 값으로 설정하기
프로젝트 중 community 페이지를 구현하는데 해당 각 게시물을 클릭하면 상세페이지로 넘어가고 각 게시물의 내용을 props로 넘겨주었다. 그런데 이때 기존에 좋아요 혹은 북마크 했다는 불리언 값들을 useState의 초기값으로 지정하려고 하였으나 잘 되지 않았다.
React에 Redux Toolkit 사용하기
Redux Toolkit이란? Redux Toolkit은 redux에서 지원하는 개발 도구이다. 스토어 설정, 리듀서, 데이터 가져오기 등 Redux 로직을 작성하기 위해 권장되는 접근 방식이다. Redux Toolkit의 configureStore는 설정을 단순화하
Redux 에서 비동기 처리하기 (소개)
User 의 정보가 redux store 에서 state 로 관리되고 있을 때, 수정 사항이 발생한 경우 DB 의 정보를 수정함은 물론 redux store 의 state 도 변경되어야 한다. useEffect 내부에서 axios 를 통해 서버에 정보를 전달하고, state 를 업데이트 해야한다면 Component 의 useEffect 내부에서 axio...
[Redux] Toolkit
Redux Toolkit은 Redux의 공식 개발 도구입니다. Redux의 액션 생성자, 리듀서 자체는 단순한 함수인 데다 미들웨어를 추가할 수 있어서 관련 라이브러리와 도구가 매우 많고 그만큼 개발 방식이 다양합니다. 그래서 사용하다 보면 Redux가 좋긴 한데 액션
[Redux] 베이직
설치 core redux action 상태가 어떠한 변화가 필요할 때, action을 발생 시킵니다. action의 형태는 객체입니다. 그리고 action의 객체에는 type이란 필드가 필수로 들어가야합니다. type외의 다른 요소는 자율적으로 설정이 가능합니다.
TIL 22-05-04
React-Redux Project / react-actions 사용 (createAction, handleActions) / Hooks 사용 (useSelector, useDispatch)