230727 개발일지 TIL - Redux Toolkit, Thunk, 그리고 React Query의 차이점

The Web On Everything·2023년 7월 27일
0

개발일지

목록 보기
76/269

Redux Toolkit

리덕스를 더 간편하고 효율적으로 사용할 수 있게 도와주는 패키지이다.
리덕스 툴킷을 활용하면 짧고 간결한 코드로 상태를 관리할 수 있도록 해준다.
불변성 관리를 자동으로 처리하고, 액션 생성자와 리듀서를 자동으로 생성해주는 등의 기능을 제공하여 개발자들에게 편의성을 제공한다.

Thunk

Thunk는 리덕스 미들웨어 중 하나로서, 리덕스에서 비동기 작업을 처리하는 방법 중 하나이다.
비동기 작업은 네트워크 요청이나 데이터베이스 접근과 같이 시간이 걸리는 작업을 말하는데 리덕스는 동기적으로 작동하기 때문에, 비동기 작업을 하기 위해서는 Thunk와 같은 미들웨어를 사용해야 한다.
Thunk는 액션 생성자를 반환하는 함수를 사용하여 비동기 작업을 처리하며, 이를 통해 비동기 작업이 완료되면 리덕스 스토어의 상태를 업데이트한다.

React Query

리액트 쿼리는 리액트 앱에서 데이터를 가져오고 조작하는데 도움을 주는 패키지이다.
주로 웹 앱에서 서버로부터 데이터를 불러와서 화면에 표시할 때 사용된다.
리액트 쿼리는 데이터를 가져오는 로직을 선언적으로 작성할 수 있게 해주어 개발자가 데이터를 관리하기 쉽고 유지보수하기 쉽게 도와준다.
이를 통해 복잡한 데이터 로딩 로직을 간단하고 깔끔하게 작성할 수 있으며, 컴포넌트의 상태나 생명주기를 직접 다루지 않고도 데이터를 효과적으로 다룰 수 있다.

요약
리덕스 툴킷 : 리덕스를 더 간편하고 효율적으로 사용할 수 있도록 도와주는 패키지
Thunk : 리덕스에서 비동기 작업을 처리하는 방법 중 하나로서 액션 생성자를 반환하는 함수를 사용하여 비동기 작업을 처리
리액트 쿼리 : 리액트 앱에서 데이터를 가져오고 조작하는데 도움을 주며, 선언적으로 데이터 로딩 로직을 작성하여 개발자가 데이터를 관리하기 쉽고 유지보수하기 쉽도록 해준다. 이런 도구들을 사용하면 개발자는 보다 효율적이고 간편하게 웹 앱을 만들 수 있게 된다.

profile
오늘은 무슨 오류를 만날까?! 널 만나러 가는 길~ LOL

0개의 댓글