React 16 Tooling

1장 맞춤형 React 개발 생태계 만들기
__React에 포함되는 것
____렌더 트리를 비교하는 컴포넌트
____DOM 렌더 타깃
__도구 활용 소개?
____React 외부의 보조 작업
____건설 현장과의 유사점
__이 책에서 다루는 React 도구
____JSX는 자바스크립트로 컴파일돼야 한다
____최신 자바스크립트 언어 기능은 트랜스파일돼야 한다
____애플리케이션 개발을 가능하게 하는 핫 모듈 로딩
____단위 테스트 자동 실행
____타입 안전성에 관한 고려
____코드 품질을 위한 소스 코드 분석
____컴포넌트 개발 환경 격리
____브라우저 기반의 디버깅 환경 제공
____React 애플리케이션 배포
__올바른 도구 선택
____필수 도구
____옵션 도구
__요약


2장 Create React App으로 React 애플리케이션을 효율적으로 부트스트랩하기
__Create React App 설치
____첫 번째 앱 제작
______프로젝트 이름 지정
______자동 종속성 처리
______디렉터리 구조
__요약


3장 개발 모드와 핫 리로딩 마스터하기
__개발 서버 시작
____웹팩 구성
______진입점
______빌드 출력
______입력 파일 해결
______파일 로드와 컴파일
______플러그인 설정
______핫 리로딩
____핫 컴포넌트 리로딩 가동
____Create React App에서 벗어나기
__요약


4장 테스트 지향 React 개발 최적화
__Jest의 지향 철학
____애플리케이션 코드를 제외한 모든 것 흉내내기
____테스트를 격리해서 병렬로 실행
______테스트는 자연스럽게 느껴져야 한다
__테스트 실행
____react-scripts를 사용해 테스트 실행하기
____단독형 Jest를 사용해 테스트 실행하기
__Jest 테스트 작성
____스위트를 사용해 테스트 조직하기
____기본 어서션
______기본 일치
______근사 일치
______값 일치
______컬렉션의 값
______모킹으로 작업하기
______비동기 어서션
______React 컴포넌트 스냅샷
____단위 테스트 커버리지
__요약


5장 타입 안전한 React 컴포넌트로 개발 간소화와 리팩토링하기
__타입 안전성으로 무엇을 해결할 수 있는가?
____어림짐작을 분명하게 하기
____런타임 점검 제거
____명백히 심각성이 낮은 버그
__Flow 설치 및 초기화
__컴포넌트 프로퍼티 및 상태 검증
____프리미티브 프로퍼티 값
____객체 프로퍼티 값
____컴포넌트 상태의 유효화
____함수 프로퍼티 값
____자식 컴포턴트 타입의 적용
______특정 자식 타입을 가진 부모
______하나의 자식을 가진 부모
______자식이 옵션인 부모
______프리미티브 자식 값을 가진 부모
__이벤트 처리기 함수에 관한 유효성 검사
__개발 서버에서 Flow 가능하게 하기
__편집기에서 Flow 가능하게 하기
__요약


6장 유지 보수성을 향상시키기 위한 코드 품질 강화
__ESLint 설치 및 설정
__에어비앤비 표준으로 빌드하기
__ESLint에 React 플러그인 추가하기
__create-react-app과 함께 ESLint 사용하기
__코드 편집기에서 ESLint 사용하기
__Prettier로 코드 포맷 자동화하기
__요약


7장 Storybook을 사용해 컴포넌트 격리하기
__격리된 컴포넌트 개발에 관한 필요
__Storybook설치 및 구성
__스토리를 사용해 컴포넌트 개발하기
____props로 실험하기
____액션으로 실험하기
____스토리에 링크 걸기
____문서화 도구로서의 스토리
__정적 Storybook 앱 제작
__요약


8장 브라우저에서의 컴포넌트 디버깅
__React Developer Tools 애드온 설치하기
__React Developer Tools에서 React 요소로 작업하기
____React 요소 선택
____React 요소 검색
__컴포넌트 프로퍼티 및 상태 검사
__요소 상태 값 조작
__컴포넌트 성능 프로파일링
____조정 작업 삭제하기
____CPU에 부하를 주는 컴포넌트 찾기
__요약


9장 Redux로 애플리케이션 상태 조율하기
__Redux 앱 빌드하기
____App 컴포넌트 및 상태
____Home 컴포넌트 및 상태
____NewBook 컴포넌트 및 상태
____API 추상화
____모두 조립하기
__Redux DevTools 설치하기
__액션 선택 및 검사
____액션 데이터
____액션 상태 트리 및 차트
____액션 상태 차이
__시간 이동 디버깅
__수동으로 액션 발생시키기
__상태 내보내기와 가져오기
__요약


10장 Gatsby로 정적 React 사이트 구축 및 전개하기
__왜 정적 React 사이트인가?
____React 앱의 타입
____사용자 경험 개선
____효율적인 자원 사용
__처음으로 Gatsby 사이트 만들기
__로컬 파일시스템 데이터 추가하기
__원격 데이터 가져오기
__요약


11장 Docker 컨테이너로 React 애플리케이션 빌드 및 배포하기
__메시징 앱 제작
____Barely SMS 시작하기
____로그인
____홈페이지
____연락처 페이지
____메시지 페이지
____메시지 보내기
____API
__Node 컨테이너로 시작하기
__React 앱을 서비스로 구성하기
__생산을 위한 정적 React 빌드
__요약