이 책에서는 다양한 상태 관리 방법과 유명한 상태 관리 라이브러리인 Zustand, Jotai, Valtio, React Tracked의 사용법을 소개한다. 또한 실무에서 유용하게 활용할 수 있는 여러 사용 사례에 대한 패턴과 리렌더링 최적화에 대한 내용을 다룬다. 이 책을 처음부터 끝까지 정독하면 리액트에서 상태를 관리하는 방법과 원리를 비롯해 애플리케이션 요구사항에 적합한 상태 관리 라이브러리를 선택할 수 있을 것이다.
목차
[1부] 리액트 훅과 마이크로 상태 관리
- 01장: 리액트 훅을 이용한 마이크로 상태 관리 기술 요구사항 마이크로 상태 관리 이해하기 리액트 훅 사용하기 __데이터 불러오기를 위한 서스펜스와 동시성 렌더링 전역 상태 탐구하기 useState 사용하기 __값으로 상태 갱신하기 __함수로 상태 갱신하기 __지연 초기화 useReducer 사용하기 __기본 사용법 __베일아웃 __원시 값 __지연 초기화(init) useState와 useReducer의 유사점과 차이점 __useReducer를 이용한 useState 구현 __useState를 이용한 useReducer 구현 __초기화 함수 사용하기 __인라인 리듀서 사용하기 정리 26
[02부] 전역 상태에 대한 기초적인 접근법
- 02장: 지역 상태와 전역 상태 사용하기 기술 요구사항 언제 지역 상태를 사용할까? __함수와 인수 __리액트 컴포넌트와 props __지역 상태에 대한 useState 이해하기 __지역 상태의 한계 지역 상태를 효과적으로 사용하는 방법 __상태 끌어올리기(Lifting State Up) __내용 끌어올리기(Lifting Content Up) 전역 상태 사용하기 __전역 상태란? __언제 전역 상태를 사용할까? 정리
- 03장: 리액트 컨텍스트를 이용한 컴포넌트 상태 공유 기술 요구사항 useState와 useContext 탐구하기 __useContext 없이 useState 사용하기 __정적 값을 이용해 useContext 사용하기 __useContext와 함께 useState 사용하기 컨텍스트 이해하기 __컨텍스트 전파의 작동 방식 __컨텍스트에 객체를 사용할 때의 한계점 전역 상태를 위한 컨텍스트 만들기 __작은 상태 조각 만들기 useReducer로 하나의 상태를 만들고 여러 개의 컨텍스트로 전파하기 컨텍스트 사용을 위한 모범 사례 __사용자 정의 훅과 공급자 컴포넌트 만들기 __사용자 정의 훅이 있는 팩토리 패턴 reduceRight를 이용한 공급자 중첩 방지 정리
- 04장: 구독을 이용한 모듈 상태 공유 기술 요구사항 모듈 상태 살펴보기 리액트에서 전역 상태를 다루기 위한 모듈 상태 사용법 기초적인 구독 추가하기 선택자와 useSubscription 사용하기 정리
- 05장: 리액트 컨텍스트와 구독을 이용한 컴포넌트 상태 공유 기술 요구사항 모듈 상태의 한계 컨텍스트 사용이 필요한 시점 컨텍스트와 구독 패턴 사용하기 정리
[03부] 라이브러리 구현 및 용도
- 06장: 전역 상태 관리 라이브러리 소개 기술 요구사항 전역 상태 관리 문제 해결하기 데이터 중심 접근 방식과 컴포넌트 중심 접근 방식 사용하기 __데이터 중심 접근 방식 이해하기 __컴포넌트 중심 접근 방식 이해하기 두 접근 방식의 예외 리렌더링 최적화 __선택자 함수 사용 __속성 접근 감지 __아톰 사용 정리
- 07장: 사용 사례 시나리오 1: Zustand 기술 요구사항 모듈 상태와 불변 상태 이해하기 리액트 훅을 이용한 리렌더링 최적화 읽기 상태와 갱신 상태 사용하기 구조화된 데이터 처리하기 이 접근 방식과 라이브러리의 장단점 정리
- 08장: 사용 사례 시나리오 2: Jotai 기술 요구사항 Jotai 이해하기 __구문 단순성 __동적 아톰 생성 렌더링 최적화 Jotai가 아톰 값을 저장하는 방식 이해하기 배열 구조 추가하기 Jotai의 다양한 기능 사용하기 __아톰의 write 함수 정의하기 __액션 아톰 사용하기 __아톰의 onMount 옵션 이해하기 __jotai/utils 번들 소개하기 __라이브러리 사용법 이해하기 __고급 기능 소개 정리
- 09장: 사용 사례 시나리오 3: Valtio 기술 요구사항 또 다른 모듈 상태 라이브러리인 Valtio 살펴보기 프락시를 활용한 변경 감지 및 불변 상태 생성하기 프락시를 활용한 리렌더링 최적화 작은 애플리케이션 만들어 보기 이 접근 방식의 장단점 정리
- 10장: 사용 사례 시나리오 4: React Tracked 기술 요구사항 React Tracked 이해하기 useState, useReducer와 함께 React Tracked 사용하기 __useState와 함께 React Tracked 사용하기 __useReducer와 함께 React Tracked 사용하기 React Redux와 함께 React Tracked 사용하기 향후 전망 정리
- 11장: 세 가지 전역 상태 라이브러리의 유사점과 차이점 기술 요구사항 Zustand와 Redux의 차이점 __Redux와 Zustand를 사용한 예제 __Redux와 Zustand 예제 비교 Jotai와 Recoil 을 사용하는 시점 __Recoil과 Jotai 예제 __Recoil과 Jotai 예제 비교 Valtio와 MobX 사용하기 __MobX, Valtio 관련 예제 __MobX와 Valtio 예제 비교 Zustand, Jotai, Valtio 비교하기 정리
저자소개
다이시 카토 , 이선협, 김지은
출판사리뷰
이 책에서 다루는 내용
- 마이크로 상태 관리의 개념과 구현 - 지역 상태와 전역 상태의 개념과 구현 - 리액트 컨텍스트를 통한 전역 상태 관리 - 모듈 상태를 통한 전역 상태 관리 - 리렌더링 최적화 - Zustand, Jotai, Valtio, React Tracked의 사용법과 동작 원리 - 여러 상태 관리 라이브러리의 장단점 비교 - 요구사항에 적합한 라이브러리 선택 방법
고액결제의 경우 안전을 위해 카드사에서 확인전화를 드릴 수도 있습니다. 확인과정에서 도난 카드의 사용이나 타인 명의의 주문등
정상적인 주문이 아니라고 판단될 경우 임의로 주문을 보류 또는 취소할 수 있습니다.
무통장 입금은 상품 구매 대금은 PC뱅킹, 인터넷뱅킹, 텔레뱅킹 혹은 가까운 은행에서 직접 입금하시면 됩니다.
주문시 입력한 입금자명과 실제입금자의 성명이 반드시 일치하여야 하며, 7일 이내로 입금을 하셔야 하며 입금되지
않은 주문은 자동취소 됩니다.
배송정보
배송 방법 : 택배
배송 지역 : 전국지역
배송 비용 : 무료
배송 기간 : 3일 ~ 7일
배송 안내 : - 산간벽지나 도서지방은 별도의 추가금액을 지불하셔야 하는 경우가 있습니다.
고객님께서 주문하신 상품은 입금 확인후 배송해 드립니다. 다만, 상품종류에 따라서 상품의 배송이 다소 지연될 수 있습니다.
교환 및 반품정보
교환 및 반품 주소 - [07271] 서울특별시 영등포구 양산로 57-5 (양평동3가) 양평동 이노플렉스 B101~103
교환 및 반품이 가능한 경우 - 계약내용에 관한 서면을 받은 날부터 7일. 단, 그 서면을 받은 때보다 재화등의 공급이 늦게 이루어진 경우에는 재화등을 공급받거나 재화등의 공급이 시작된 날부터 7일 이내
- 공급받으신 상품 및 용역의 내용이 표시.광고 내용과 다르거나 계약내용과 다르게 이행된 때에는 당해 재화 등을 공급받은 날 부터 3월이내, 그사실을 알게 된 날 또는 알 수 있었던 날부터 30일이내
교환 및 반품이 불가능한 경우 - 이용자에게 책임 있는 사유로 재화 등이 멸실 또는 훼손된 경우(다만, 재화 등의 내용을 확인하기 위하여 포장 등을 훼손한 경우에는 청약철회를 할 수 있습니다)
- 이용자의 사용 또는 일부 소비에 의하여 재화 등의 가치가 현저히 감소한 경우
- 시간의 경과에 의하여 재판매가 곤란할 정도로 재화등의 가치가 현저히 감소한 경우
- 복제가 가능한 재화등의 포장을 훼손한 경우
- 개별 주문 생산되는 재화 등 청약철회시 판매자에게 회복할 수 없는 피해가 예상되어 소비자의 사전 동의를 얻은 경우
- 디지털 콘텐츠의 제공이 개시된 경우, (다만, 가분적 용역 또는 가분적 디지털콘텐츠로 구성된 계약의 경우 제공이 개시되지 아니한 부분은 청약철회를 할 수 있습니다.)
※ 고객님의 마음이 바뀌어 교환, 반품을 하실 경우 상품반송 비용은 고객님께서 부담하셔야 합니다.
(색상 교환, 사이즈 교환 등 포함)
네이버톡톡으로 문의하기
카카오톡 채널 #
02-835-6872
