REACT 16 TOOLING

적재적소의 도구 활용을 통한 개발 작업 효율화 React는 페이스북과 인스타그램의 UI를 위해 만들어진 자바스크립트 라이브러리이지만 이제는 웹 개발에 갖춰야 할 기술로 확대되고 있다. 특히, 저작권 문제를 해결한 버전 16부터는 React 16이라는 새 제품명으로 더욱 사용자층을 넓혀갈 것이다. 이 책은 모든 React 개발자가 알아야 할 가장 중요한 도구, 유틸리티, 라이브러리를 자세하게 다룬다. 모든 기술은 도구 활용에 따라 빛이 나므로 이 책을 통해 자신의 기술에 힘을 더할 수 있다.

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 빌드 __요약