[함께 읽어요] 리액트 훅을 활용한 마이크로 상태 관리

스터디 주제

• 같이 읽고 아웃풋까지 내는 완독 스터디를 진행합니다.

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

  • https://product.kyobobook.co.kr/detail/S000212233308

• 대상 독자

  • 책에 기재된 것에 따릅니다. 리액트 개발자, 자바스크립트, 리액트 훅, 타입스크립트에 대한 기본 지식이 필요합니다.

• 작년에 총 3번의 스터디를 성공적으로 마쳤습니다. 지난 스터디의 내용은 아래 블로그, 레포지토리에서 확인하실 수 있습니다.

  • https://frontend-log.vercel.app/

  • https://github.com/frontend-book-study/frontend-log

  • https://github.com/orgs/frontend-book-study/discussions

간단 개요

• 모집인원: 총 8명 (최소인원 4명)

• 모임 장소: 온라인 (디스코드)

• 모임 일정: 주 1회 약 2시간 (수요일 8시~)

  • 보통 오후 10시 내외로 마칩니다.

• 기간: 6주 (1월 22일 ~ 2월 19일)

스터디 일정

스터디 분량은 상황에 따라 변경될 수 있습니다.

• 1주차: 1장: 리액트 훅을 이용한 마이크로 상태 관리 ~ 2장: 지역 상태와 전역 상태 사용하기

• 2주차: 3장: 리액트 컨텍스트를 이용한 컴포넌트 상태 공유 ~ 4장: 구독을 이용한 모듈 상태 공유

• 3주차: 5장: 리액트 컨텍스트와 구독을 이용한 컴포넌트 상태 공유 ~ 7장: 사용 사례 시나리오 1: Zustand

• 4주차: 8장: 사용 사례 시나리오 2: Jotai ~ 9장: 사용 사례 시나리오 3: Valtio

• 5주차: 10장: 사용 사례 시나리오 4: React Tracked ~ 11장: 세 가지 전역 상태 라이브러리의 유사점과 차이점

  • 마지막날은 책을 읽은 후 서평을 작성할 예정입니다.

진행 방식

• 이번 책은 이론/실습이 챕터 내용에 따라 변경될 수 있어, 각 챕터 내용에 따라 진행 방식이 다르게 진행될 예정입니다. 전체적으로 아래의 활동을 진행합니다.

  • 질답: 함께 읽고 각자 질문을 1~2개 만듭니다. 서술형으로 답변 가능한 것도 좋고 코드, 빈칸 문제를 내도 좋습니다. 내가 낸 문제를 다른 스터디 구성원이 푸는 시간을 가집니다.

  • 실습: 코드 예시가 많은 부분은 레포지토리에서 실습하여 Pull Request를 올리고 상호 공유합니다.

    • 책에서의 예시와 비슷한 상황의 실제 코드를 리팩터링해 보기

    • 리팩터링 전/후 예제 코드를 검증하는 테스트 코드 작성해 보기

  • 공유: 현업에서 사용하는 예시, 현황 공유, 인상깊거나 모르는 부분을 공유하는 시간을 가집니다.

• 예치금 2만원

  • 지각/결석을 방지하고자 예치금을 받고 시작합니다. 스터디 마지막날 정산합니다.

  • 10분 이상 지각 혹은 결석 시 3,000원의 벌칙금이 부과됩니다.

  • 3번 이상 결석 시 예치금이 환급되지 않고 계속 참여가 어렵습니다.

  • 스터디 시작일부터 하차(환불)가 불가능합니다. (스터디 시작 전은 가능)

  • 모인 벌칙금은 벌칙금을 내지 않은 인원이 1/N합니다.

지원 방법(~1/15)

• 오픈카톡으로 GitHub id, 직무 등 간단한 자기소개 해주시면 됩니다.

• 선정되신 분들께 자세한 안내는 1월 12일에 일괄로 오픈카톡 답장으로 드릴 예정입니다. 본 게시글에 이미 작성한 내용에 대해서는 문의주셔도 답변하지 않습니다. 양해 부탁드립니다.

• https://open.kakao.com/o/srcwbB9g