본문 바로가기

728x90

redux-toolkit3

[React Native] RTK-Query 파라미터에 맞게 특정 데이터만 불러오기(Get specific data by parameter using RTK-query) 안녕하세요 Foma 입니다. 오늘은 RTK-Query에서 파라미터에 맞게 원하는 특정 데이터를 불러오는 방법에 대해 알아보려고 합니다. 많은 삽질을 하고 결국 해결법을 알아내게 되어 글로 정리하려고 합니다. 바로 시작할게요~ 1. 첫 번째 시도 우선 제가 하려 했던건 유저를 이름으로 조회해서 데이터를 가져오는 것이었는데요. 아래와 같이 쿼리를 통해서 엔드포인트를 만들었습니다. export const userAPISlice = createApi({ reducerPath: 'userAPI', baseQuery: fetchBaseQuery({baseUrl: 'http://192.168.111.34:3001/api'}), endpoints: builder => ({ ... getUserByName: builde.. 2022. 8. 12.

[React Native] RTK-Query로 서버와 통신하기 (feat. Typescript) Install redux-toolkit npm install @reduxjs/toolkit TodoModel interface TodoModel { id: number; title: string; content: string; } Create API Slice createApi와 fetchBaseQuery를 import 해줍니다. import {createApi, fetchBaseQuery} from '@reduxjs/toolkit/query/react'; 저는 TodoList를 기반으로 아래와 같이 만들어 주겠습니다. reducerPath: 스토어의 reducer로 지정할 Path의 이름 baseQuery: 기본으로 지정할 서버 URL tagTypes: 자동으로 데이터가 패치되게 구별할 타입 endpo.. 2022. 8. 6.

[React Native] Redux-Toolkit이란? (feat. 기존 Redux와 비교) 안녕하세요. Foma 입니다! 저번 글에서 Redux가 무엇이고 어떻게 사용하는지에 대해 다뤘었는데요. (아직 안 보신 분들은 여기 에서 보시면 됩니다!) Redux에 대해 찾아보니 Redux를 사용하기 쉽고 효율적인 Redux-Toolkit이 있더라구요. 그래서 오늘은 Redux-Toolkit이 무엇이고 왜 더 사용하기 쉽고 효율적인지에 대해 정리해 보려고 합니다. 바로 시작할게요~ Redux-Toolkit이란? Redux-Toolkit은 Redux를 만든 곳에서 공식적으로 효율적인 Redux 개발을 위해 만들어진 툴킷입니다. Redux 작성하는 코드를 간단하게 작성할 수 있고, Redux 보다 훨씬 효율적이므로 사용을 공식적으로 강력히 권장합니다. 그렇다면 어떤 면에서 더 효율적이라는 것 일까요? 기.. 2022. 8. 6.

이전 1 다음

728x90

티스토리툴바