reduxtoolkit

ReduxToolkit 을 사용할 때 적절한 파일 구조

추천하는 파일 구조 코드의 쉬운 관리를 위해, 기능 (feature, component) 과 redux code 를 한 파일에 같이 배치 적용했을 때 . ├── App.css ├── App.tsx ├── app │ └── store.ts ├── components ├── features │ └── todo │ ├── Todo.tsx │ └── todoSlice.ts ├── index.css ├── index.tsx └── react-app-env.d.ts 참고자료 https://www.reddit.com/r/reactjs/comments/tnna7t/recommended_folder_structure_for_reduxtoolkit/ https://redux.js.org/style-guide/#struct..

서버 상태관리 라이브러리 비교

대상 라이브러리 React Query (@tanstack/react-query, react-query) TanStack Query 와 같음, 과거에는 React Query 였으나 최근 TanStack Query 라는 이름 사용중 SWR Redux Toolkit (@reduxjs/toolkit) Apollo Client (@apollo/client) 비교 @apollo/client 는 React 외에도 다른 곳에서도 사용할 수 있음 Redux Toolkit 은 상태관리 용도로 다운받는 경우도 많음 ReactQuery 는 @tanstack/react-query + react-query 를 합쳐야 함 간단 비교 React Query SWR Redux Toolkit Query Apollo Client 러닝커브 ..

상태관리 라이브러리 비교 (Redux Toolkit, Zustand, Recoil)

대상 라이브러리 Redux Toolkit (@reduxjs/toolkit) Zustand Recoil 비교 NPM Trends 간단 비교 Redux Toolkit Zustand Recoil 러닝커브 Redux 를 알고 있으면 거의 없음 매우 낮음 낮음 (개인적으로는 안낮음 ^~^..) 디버깅 툴 Redux Devtools Redux Devtools 있으나 불안정함 제작자 Dan Abramov (Redux 개발자) 카토 다이시 (Jotai 개발자) Facebook 현재 버전 v1.9.2 v4.3.2 v0.7.6 출시 연도 2020 2019 2020 비고 Redux 에서 영감을 받아 만들었다고 함 아직 1.0 이 나오지 않았음 자잘한 버그가 종종 있다고 함 소개 및 사용 예제 Redux Toolkit RTK..