본문 바로가기

추천 검색어

실시간 인기 검색어

리액트 훅을 활용한 마이크로 상태 관리

리액트 상태 관리의 기본 개념부터 동작 원리와 문제 해결, 렌더링 최적화 기법까지
위키북스 오픈소스 & 웹 시리즈 113
위키북스

2024년 03월 15일 출간

종이책 : 2024년 02월 20일 출간

(개의 리뷰)
( 0% 의 구매자)
eBook 상품 정보
파일 정보 pdf (2.85MB)
ISBN 9791158395087
지원기기 교보eBook App, PC e서재, 리더기, 웹뷰어
교보eBook App 듣기(TTS) 가능
TTS 란?
텍스트를 음성으로 읽어주는 기술입니다.
  • 전자책의 편집 상태에 따라 본문의 흐름과 다르게 텍스트를​ 읽을 수 있습니다.
  • 이미지 형태로 제작된 전자책 (예 : ZIP 파일)은 TTS 기능을 지원하지 않습니다.

PDF 필기가능 (Android, iOS)
소득공제
소장
정가 : 21,600원

쿠폰적용가 19,440

10% 할인 | 5%P 적립

이 상품은 배송되지 않는 디지털 상품이며,
교보eBook앱이나 웹뷰어에서 바로 이용가능합니다.

카드&결제 혜택

  • 5만원 이상 구매 시 추가 2,000P
  • 3만원 이상 구매 시, 등급별 2~4% 추가 최대 416P
  • 리뷰 작성 시, e교환권 추가 최대 200원

작품소개

이 상품이 속한 분야

이 책에서는 다양한 상태 관리 방법과 유명한 상태 관리 라이브러리인 Zustand, Jotai, Valtio, React Tracked의 사용법을 소개한다. 또한 실무에서 유용하게 활용할 수 있는 여러 사용 사례에 대한 패턴과 리렌더링 최적화에 대한 내용을 다룬다.

이 책을 처음부터 끝까지 정독하면 리액트에서 상태를 관리하는 방법과 원리를 비롯해 애플리케이션 요구사항에 적합한 상태 관리 라이브러리를 선택할 수 있을 것이다.

★ 이 책에서 다루는 내용 ★

◎ 마이크로 상태 관리의 개념과 구현
◎ 지역 상태와 전역 상태의 개념과 구현
◎ 리액트 컨텍스트를 통한 전역 상태 관리
◎ 모듈 상태를 통한 전역 상태 관리
◎ 리렌더링 최적화
◎ 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 비교하기
정리

작가정보

(Daishi Kato)
다이시 카토는 수십 년 동안 P2P 네트워크와 웹 기술에 대해 연구했으며 오픈소스 소프트웨어에 열정을 가진 소프트웨어 엔지니어다. 엔지니어링에 관심이 많으며, 지난 5년 동안은 스타트업에서 일해 왔다. 90년대부터 오픈소스 소프트웨어에 적극적으로 참여해 왔으며, 최근에는 자바스크립트와 리액트를 이용한 다양한 라이브러리 개발에 주력하고 있다.

프로그래밍을 사랑하는 개발자. 분야를 가리지 않고 코딩하는 것을 즐기며 요즘은 지식을 글로 정리하는 것을 취미로 삼고 있다. 현재 주식회사 코발트에서 CTO로 재직 중이다.

무언가를 만드는 것을 좋아하고, 호기심이 많은 프런트엔드 개발자. “오늘보다 내일이 더 나은 프로그래머”를 모토로 삼고 있으며, 현재는 웹 프런트엔드와 관련된 일을 하고 있다.

이 상품의 총서

Klover리뷰 (0)

Klover리뷰 안내
Klover(Kyobo-lover)는 교보를 애용해 주시는 고객님들이 남겨주신 평점과 감상을 바탕으로, 다양한 정보를 전달하는 교보문고의 리뷰 서비스입니다.
1. 리워드 안내
구매 후 90일 이내에 평점 작성 시 e교환권 100원을 적립해 드립니다.
  • - e교환권은 적립일로부터 180일 동안 사용 가능합니다.
  • - 리워드는 1,000원 이상 eBook, 오디오북, 동영상에 한해 다운로드 완료 후 리뷰 작성 시 익일 제공됩니다.
  • - 리워드는 한 상품에 최초 1회만 제공됩니다.
  • - sam 이용권 구매 상품 / 선물받은 eBook은 리워드 대상에서 제외됩니다.
2. 운영 원칙 안내
Klover리뷰를 통한 리뷰를 작성해 주셔서 감사합니다. 자유로운 의사 표현의 공간인 만큼 타인에 대한 배려를 부탁합니다. 일부 타인의 권리를 침해하거나 불편을 끼치는 것을 방지하기 위해 아래에 해당하는 Klover 리뷰는 별도의 통보 없이 삭제될 수 있습니다.
  • 도서나 타인에 대해 근거 없이 비방을 하거나 타인의 명예를 훼손할 수 있는 리뷰
  • 도서와 무관한 내용의 리뷰
  • 인신공격이나 욕설, 비속어, 혐오 발언이 개재된 리뷰
  • 의성어나 의태어 등 내용의 의미가 없는 리뷰

구매 후 리뷰 작성 시, e교환권 100원 적립

문장수집

문장수집 안내
문장수집은 고객님들이 직접 선정한 책의 좋은 문장을 보여 주는 교보문고의 새로운 서비스 입니다. 교보eBook 앱에서 도서 열람 후 문장 하이라이트 하시면 직접 타이핑 하실 필요 없이 보다 편하게 남길 수 있습니다. 마음을 두드린 문장들을 기록하고 좋은 글귀들은 ‘좋아요’ 하여 모아보세요. 도서 문장과 무관한 내용 등록 시 별도 통보없이 삭제될 수 있습니다.
리워드 안내
  • 구매 후 90일 이내에 문장 수집 등록 시 e교환권 100원을 적립해 드립니다.
  • e교환권은 적립일로부터 180일 동안 사용 가능합니다.
  • 리워드는 1,000원 이상 eBook에 한해 다운로드 완료 후 문장수집 등록 시 제공됩니다.
  • 리워드는 한 상품에 최초 1회만 제공됩니다.
  • sam 이용권 구매 상품 / 선물받은 eBook / 오디오북·동영상 상품/주문취소/환불 시 리워드 대상에서 제외됩니다.

구매 후 문장수집 작성 시, e교환권 100원 적립

    교보eBook 첫 방문을 환영 합니다!

    신규가입 혜택 지급이 완료 되었습니다.

    바로 사용 가능한 교보e캐시 1,000원 (유효기간 7일)
    지금 바로 교보eBook의 다양한 콘텐츠를 이용해 보세요!

    교보e캐시 1,000원
    TOP
    신간 알림 안내
    리액트 훅을 활용한 마이크로 상태 관리 웹툰 신간 알림이 신청되었습니다.
    신간 알림 안내
    리액트 훅을 활용한 마이크로 상태 관리 웹툰 신간 알림이 취소되었습니다.
    리뷰작성
    • 구매 후 90일 이내 작성 시, e교환권 100원 (최초1회)
    • 리워드 제외 상품 : 마이 > 라이브러리 > Klover리뷰 > 리워드 안내 참고
    • 콘텐츠 다운로드 또는 바로보기 완료 후 리뷰 작성 시 익일 제공
    감성 태그

    가장 와 닿는 하나의 키워드를 선택해주세요.

    사진 첨부(선택) 0 / 5

    총 5MB 이하로 jpg,jpeg,png 파일만 업로드 가능합니다.

    신고/차단

    신고 사유를 선택해주세요.
    신고 내용은 이용약관 및 정책에 의해 처리됩니다.

    허위 신고일 경우, 신고자의 서비스 활동이 제한될 수
    있으니 유의하시어 신중하게 신고해주세요.


    이 글을 작성한 작성자의 모든 글은 블라인드 처리 됩니다.

    문장수집 작성

    구매 후 90일 이내 작성 시, e교환권 100원 적립

    eBook 문장수집은 웹에서 직접 타이핑 가능하나, 모바일 앱에서 도서를 열람하여 문장을 드래그하시면 직접 타이핑 하실 필요 없이 보다 편하게 남길 수 있습니다.

    P.
    리액트 훅을 활용한 마이크로 상태 관리
    리액트 상태 관리의 기본 개념부터 동작 원리와 문제 해결, 렌더링 최적화 기법까지
    저자 모두보기
    낭독자 모두보기
    sam 이용권 선택
    님이 보유하신 이용권입니다.
    차감하실 sam이용권을 선택하세요.
    sam 이용권 선택
    님이 보유하신 이용권입니다.
    차감하실 sam이용권을 선택하세요.
    sam 이용권 선택
    님이 보유하신 프리미엄 이용권입니다.
    선물하실 sam이용권을 선택하세요.
    결제완료
    e캐시 원 결제 계속 하시겠습니까?
    교보 e캐시 간편 결제
    sam 열람권 선물하기
    • 보유 권수 / 선물할 권수
      0권 / 1
    • 받는사람 이름
      받는사람 휴대전화
    • 구매한 이용권의 대한 잔여권수를 선물할 수 있습니다.
    • 열람권은 1인당 1권씩 선물 가능합니다.
    • 선물한 열람권이 ‘미등록’ 상태일 경우에만 ‘열람권 선물내역’화면에서 선물취소 가능합니다.
    • 선물한 열람권의 등록유효기간은 14일 입니다.
      (상대방이 기한내에 등록하지 않을 경우 소멸됩니다.)
    • 무제한 이용권일 경우 열람권 선물이 불가합니다.
    이 상품의 총서 전체보기
    네이버 책을 통해서 교보eBook 첫 구매 시
    교보e캐시 지급해 드립니다.
    교보e캐시 1,000원
    • 첫 구매 후 3일 이내 다운로드 시 익일 자동 지급
    • 한 ID당 최초 1회 지급 / sam 이용권 제외
    • 네이버 책을 통해 교보eBook 구매 이력이 없는 회원 대상
    • 교보e캐시 1,000원 지급 (유효기간 지급일로부터 7일)
    구글북액션을 통해서 교보eBook
    첫 구매 시 교보e캐시 지급해 드립니다.
    교보e캐시 1,000원
    • 첫 구매 후 3일 이내 다운로드 시 익일 자동 지급
    • 한 ID당 최초 1회 지급 / sam 이용권 제외
    • 구글북액션을 통해 교보eBook 구매 이력이 없는 회원 대상
    • 교보e캐시 1,000원 지급 (유효기간 지급일로부터 7일)