Redux

Redux 단반향이다. 양방향 데이터에서 바꾸고 화면에서 바꾸고 편하긴하나 버그가 많이 생긴다. ex) 컴포넌트a 컴포넌트b 컴포넌트c가 서로 부모 자식관계라고 가정 컴포넌트c에서 컴포넌트 a를 바꾸기 불가능하다. 그래서 redux 컴포넌트 abc를 다 관리하겠다 즉

우리가 코드를 짜면서 많은 것을 신경쓰고 유의해야 할 것이 있다. 그 중 하나가 가독성 높은 코드 유지보수가 좋은 코드이다.많은 양의 redux 코드를 분리해보자store가 있는 index에서 코드의 줄이 길어 질 수 있는 action과 reducer를 분리해보왔다.이

redux에서 reducer는 불변성을 띄어야하는 특징이 있다 불변성을 띄어야지만 우리는 나중에 디버깅할때 유리하기 때문이다.스프레드 문법을 통해 기존의 prevState를 유지한채로 새로운 스테이트를 만들어주는 reducer이다 스프레드 문법으로 불변성을 유지했다.

미들웨어란 리덕스를 사용 하면서 비동기 작업을 다룰 때는 미들웨어가 있어야 더욱 손쉽게 상태를 관리 할 수 있습니다. 미들웨어는 액션이 디스패치 되면서 reducer로 전달하는 그 중간지로 생각하면 된다. 즉, dispatch 되어서 리듀서에서 이를 처리하기전에 사전에

redux-devtools를 설정해 놓으면 redux에서 굉장히 유리하게 개발할 수 있다. 설치 및 설정해 놓는것을 적극 추천한다.devtools 링크첫째로 위 링크를 클릭해 크롬에 추가해준다.이제 compose를 이용해 연결할 것 이다.위의 코드처럼 하면 redux

redux-thunk middleware를 이용해 개념을 다잡고 실제 로그인 회원가입을 해보왔다. > redux-thunk는 리덕스에서 비동기 작업을 처리 할 때 가장 많이 사용하는 미들웨어입니다. redux-thunk middleware 실제 redux-thunk

redux-toolkit redux에서 제공 이걸 사용하면 immer thunk saga 다 안쓰인다. 왜 안쓰이냐 toolkit에서 다 제공한다. 라이브러리 thunk 내장 devtools도 내장되어있다. immer 내장 saga 제너레이터에 대한 반감때문에 힘들다