redux toolkit 검색 결과
2 개의 검색 결과가 있습니다.
React.js

Redux Toolkit + axios로 리덕스에서 비동기 통신 사용하기

들어가기 전에 이 포스팅 작성 시점 기준 패키지 버전 @reduxjs/toolkit v1.6.2, react-redux v7.2.6, axios v0.24.0입니다. Redux Toolkit에 대해서 이 포스팅은 보기 전에 Redux Toolkit 기본 사용법에 대해 다룬 이전 포스팅을 보고 오시면 좋습니다. axios에 대해서 axios는 ajax를 쉬운 코드로 사용할 수 있도록 편의성을 제공해주는 라이브러리입니다. axios는 axios() 함수를 호출하는 것으로 ajax request를 보낼 수 있으며 리턴 값이 promise이기 때문에 then, catch, finally와 같은 메소드로 프로미스 체이닝을 통해 response 후속 조치를 할 수 있습니다. * axios 프로미스 객체 사용법 ax..

2021. 12. 27. 08:00
React.js

Redux Toolkit으로 리덕스 쉽게 사용하기

지적되어온 Redux의 문제점들 리덕스(Redux)는 리액트(React)의 상태 관리 라이브러리 중 대표로서 굳게 자리매김하고 있었지만, 그동안 리덕스가 사용하기 너무 복잡하고 배우기 어렵다는 의견이 많았습니다. 실제로 리액트에 입문하는 사람들이 리액트를 배우다가 가장 좌절을 겪는 구간이 리덕스를 배울 때이기도 합니다. 리덕스가 높은 러닝 커브와 복잡성을 가지는 원인들을 리덕스 측에서 문서로 공식적으로 발표한 것이 있습니다. 1. store configuration 복잡성 우선, 리덕스는 스토어(store)를 설정하는 게 너무 복잡하다는 것입니다. 리덕스는 앱 전체에 단 하나의 스토어를 가지며 이 스토어는 리액트 앱에서 사용할 상태(state)들을 저장하고 관리합니다. 따라서 스토어는 상태 값들을 사용하..

2021. 12. 20. 08:00