반응형 redux6 [React/Recoil] Recoil 을 상태관리 라이브러리로 선택한 이유 상태관리 라이브러리로 Recoil 을 선택하다. 1. Recoil 이란? Recoil은 Facebook(현 Meta)에서 개발한 React 애플리케이션용 상태 관리 라이브러리다. Atom 및 Selector의 개념을 도입하여 응용 프로그램의 상태를 효율적이고 유연하게 관리할 수 있는 방법을 제공한다. Value, Array, String, Object와 같은 모든 유형의 데이터를 저장할 수 있는 변수와 유사한 Atom 으로 정의할 수 있도록 한다. 이러한 Atom은 각 Component에서 접근 가능하고 수정이 가능하다. 구독한 Atom에 대해 변경이 일어나면 각 Component들이 Re-Rendering된다. https://recoiljs.org/ko/docs/introduction/core-conc.. 2023. 4. 4. [React] React-Query를 사용하는 이유? (Feat.Redux) React-Query를 사용하는 이유 React-Query는 React 애플리케이션에서 데이터를 관리하기 위한 비교적 새로운 라이브러리다. 애플리케이션에서 데이터 가져오기, 캐싱 및 업데이트를 위한 간단하고 강력한 솔루션을 제공한다. 이 글에서는 React-Query를 자세히 살펴보고 Redux말고 React-Query를 사용해야 하는지 살펴보자. 1. React-Query란 무엇인가? React-Query는 React 애플리케이션에서 비동기 데이터를 관리하는 방법을 제공하는 라이브러리다. 가볍고 사용하기 쉽고 유연하게 설계되었다. 캐시를 사용하여 데이터를 저장(Caching)하므로 API에서 데이터를 한 번 가져온 다음 애플리케이션 전체에서 재사용(refetch)할 수 있다. 지금은 React-Quer.. 2023. 4. 3. [React/Redux] Redux-persist 사용법 - (새로고침 후 상태 유지) 이전에 리덕스 관련 글은 아래를 참조하자. 2022.08.04 - [개발 Study/Node, js, react] - [React/Redux] Redux 사용법 (1) -State/Action/Reducer/Store [React/Redux] Redux 사용법 (1) -State/Action/Reducer/Store Redux란? 상태 관리 라이브러리로 Component별로 props/state를 바꿔주는 복잡한 관계를 redux 하나로 외부에서 state들을 공용으로 관리하여 가져다 쓸 수 있다. 1. State(상태) State란 React Component 내에.. chuun92.tistory.com 2022.08.05 - [개발 Study/Node, js, react] - [React/Redux].. 2022. 8. 8. [React/Redux] Redux 사용법 (2) - UseDispatch/UseSelector 2022.08.04 - [개발 Study/Node, js, react] - [React/Redux] Redux 사용법 (1) -State/Action/Reducer/Store [React/Redux] Redux 사용법 (1) -State/Action/Reducer/Store Redux란? 상태 관리 라이브러리로 Component별로 props/state를 바꿔주는 복잡한 관계를 redux 하나로 외부에서 state들을 공용으로 관리하여 가져다 쓸 수 있다. 1. State(상태) State란 React Component 내에.. chuun92.tistory.com 로그인 페이지에서 지난번에 작성했던 UserReducer의 LOGIN 액션을 실행시키고 User State를 변경하여 Main 페이지에서 Us.. 2022. 8. 5. [React/Redux] Redux 사용법 (1) -State/Action/Reducer/Store Redux란? 상태 관리 라이브러리로 Component별로 props/state를 바꿔주는 복잡한 관계를 redux 하나로 외부에서 state들을 공용으로 관리하여 가져다 쓸 수 있다. 1. State(상태) State란 React Component 내에서 사용되는 데이터 집합을 말하며 이 상태 정보를 가지고 컴포넌트의 속성을 바꾸거나 어떤 event가 일어났을 경우 상태 값을 변경하여 Component를 변경된 상태로 렌더링할 수 있다. 이런 State를 변경하는 것이 (Action)이며 Action과 Store를 연결해주는 스토어 관리자가 (Dispatcher)다. Store는 State를 관리하는 저장소로 State는 다음과 같이 객체 형식으로 사용한다. 객체 내에서 카테고리 별로 관리가 가능하다... 2022. 8. 4. [Error] Redux createStore 에러 처리 (deprecated) 이제 좀 Redux를 배워서 써먹어볼까하고 인터넷에 돌아다니는 예제들을 응용하여 작성 중에 Store 생성시 필요한 함수 createStore()가 deprecated 되어 사용할 수 없다고 떴다. 정확하게 말하면 configureStore()를 쓰라고 나오는데.... 어 일단 내가 초보니까 인터넷에 도는 예제들을 이용해야하기때문에 ㅎㅎㅎ 바뀐지 얼마 안된 configureStore를 쓸 수는 없고 당황하여 해결 방법을 찾아보았다. 1. 취소선은 유지되지만 그냥 그대로 사용할 수 있다고 한다. (그냥 무시하면서 쓸 것) 2. Redux에서 제시하는 configureStore()를 사용해볼 것 3. 아래대로 명시적으로 변경하여 그대로 사용할 것 난 그냥 3번으로 사용했다. 취소선도 보기 싫고 나온지 얼마 .. 2022. 8. 1. 이전 1 다음 반응형
