# 상태관리
zustand - 사용법
store.ts를 만들어 아래의 코드를 작성한다.useBearStore 및 useDogStore는 아래와 같은 형식으로 작성한다.
redux - redux-tollkit 사용법
상태관리를 위해 아래와 같이store.tsx파일을 만들어준다위의 reducer는 아래의 코드와 같이 구성해준다app.ts로 이동하여 아래와 같이 wrapper.withRedux로 MyApp을 감싸준다.
Bloc 끼리 데이터를 주고 받는 방법
위와 같이 데이터가 주어진 경우 Bloc으로 Device데이터의 변화를 DeviceUser가 감지할 수 있도록 만들려고 한다.Bloc에서는 스트림을 활용해서 이를 구현할 수 있는데, 이 글에서는 편의상 Cubit을 사용해 구현해보려고한다.addListener 함수를 보

[react-query] onError 가 잡하지 않을때
어느날 useQuery를 사용하여 500 에러를 잡으려는데 API 코드에서는 분명 catch로 에러가 들어오는데 useQuery onError에서 에러가 잡히지 않았다.error이 일어나 catch에서 console.error('getCampaignList', erro

React - 상태관리 State
React에서 UI와 밀접하게 관련있는 데이터는 State에 보관해줘야 한다.만약 아래와 같이 setCount(count + 1)를 5번 작성하면 어떻게 동작할까?결과는 5씩 증가가 아닌 1씩 증가한다.이는 Javascript 클로저와 밀접한 관련이 있다. onClic

[TIL] Redux-Toolkit 2 - Main Project
Action → Dispatch → Reducer → Store 메인 프로젝트를 진행하면서 공부했던 리덕스 툴킷 / 내 블로그 링크 이번 메인 프로젝트 때 저장소로 이용했던 리덕스 툴킷에 대해서 프로젝트와 연결해서 자세하게 공부해 보았다. Redux-Toolki
Riverpod
프로바이더는 하나의 상태조각이 압축된 객체이자 상태의 변화를 감시하는 역할을 가지고 있다.상태를 프로바이더를 통해 감싸면, 다음과 같은 이점을 얻을 수 있다.코드상 다양한 위치에서 상태를 쉽게 접근할 수 있다.

React) 상태관리 라이브러리 Zustand
상태관리 라이브러리 ZustandRedux와 비교했을 때 Zustand 차이훅을 이용한 상태관리컨텍스트 프로바이더가 필요 없다.(컨텍스트 프로바이더란? context에 상태를 제공, 즉 다른 컴포넌트가 해당 상태에 접근해 사용용 리덕스에서는 루트 컴포넌트에 Provid

라이브러리 | Recoil vs Redux
이번 프로젝트를 준비하면서 '전역 상태 관리 라이브러리'를 고르는 데 있어 고민을 했다.무엇이 더 좋냐? 라고 말하면 확실하게 답은 내리지 못하겠다.왜냐하면 Recoil은 아직까지 써보지 않았기 때문이다.그래서 어떤 라이브러리를 사용할지 선택하기 위해 Recoil과 R

조각조각 - React Query
엘리스 3차 팀프로젝트에서 React Query를 사용해보았습니다. 당시에는 React Query에 대해 잘알지 못하였고 그냥 단순히 'React Query를 사용하면 좋다, useState를 사용하지 않고도 서버로부터 fetching 받은 데이터를 화면에 바로 바로

[Flutter] Freezed로 모델클래스, 상태관리 클래스 만들기
Freezed를 사용하면 쉽게 모델클래스를 사용하고 JSON으로 변환하거나 상태관리클래스를 사용할 수 있다.
[Flutter] Bloc & Cubit
flutter_bloc과 bloc 패키지에서는 Bloc패턴을 활용한 상태관리를 보다 편리하게 구현할 수 있도록 Bloc과 Cubit이라는 클래스가 존재한다.Bloc을 사용하면서 이 두가지 클래스 중 어떤 것을 사용하는 것이 더 좋을까라는 궁금증이 있었는데 이러한 궁금증
React - immer, useImmer
useState로 상태를 관리하던 중 array/object 자료를 수정, 추가, 삭제할때 중첩 객체와 같이 자료가 복잡해지면 스프레드 연산자를 사용하여 객체를 복사하여 수정, 추가, 삭제와 같은 조작을 했을때 코드가 직관적이지 않고 알아보기 힘들 수 있다. 이를 스프
React - useReducer 사용해보기
원래 useState를 사용하여 객체의 값을 변경, 추가, 삭제 등 상태관리를 하다가 useReducer를 활용한 상태관리법을 배웠다.이 useReducer를 사용하면 컴포넌트의 상태 업데이트 로직을 컴포넌트에서 분리시킬 수 있다.초기 person이란 state에 내
전역 상태 관리 redux 쓰게된 이유
리덕스를 왜써야할까요? c 언어에서 define처럼 전역 함수 처럼 사용할수있어서? 반은 맞습니다. https://www.geeksforgeeks.org/how-to-declare-global-variables-in-javascript/ 그럼 js나 reac

[Flutter] 상태 관리 9편(State Management) - Mobx
상태 관리 9편(State Management) - Mobx 상태 관리(State Management) 1편 - State Ful 상태 관리(State Management) 2편 - Value Listenerable 상태 관리(State Management) 3편 -