React 16 핵심정리 2/e(ACORN+PACKT TECHNICAL BOOK)

React는 페이스북과 인스타그램의 UI를 위해 만들어진 자바스크립트 라이브러리이지만, 이제 웹 개발에 갖춰야 할 기술로 확대되고 있다. 특히 React 16은 저작권 문제를 해결해, 사용자층이 더욱 확대될 것이다. 이 책은 React 16의 새로운 사항부터 시작해 간단한 컴포넌트에서 다소 복잡한 컴포넌트에 이르기까지 함께 만들어 보며 기본적인 React 16 활용 지식을 익힌다. 그리고 애플리케이션 아키텍처인 Flux를 활용하고 Redux로 세련되게 만드는 방법까지 자세히 설명한다.

1장. React 16에서 새로운 점 -렌더링에 대한 재고 -현재 상황 -끝날 때까지 실행 -파이버란 무엇인가? -비동기와 앞으로 여정 -더 나은 컴포넌트 에러 처리 -여러 엘리먼트와 문자열에 대한 렌더링 -포탈에 렌더링 -요약 2장. 프로젝트를 위한 강력한 도구 설치 -프로젝트 시작 -Node.js와 npm 설치 -깃 설치 -트위터 스트리밍 API를 이용한 데이터 획득 -Snapkite 엔진을 이용한 데이터 필터링 -프로젝트 구조 생성 -package.json 생성 -Node.js 모듈 재사용 -웹팩으로 빌드 -웹 페이지 작성 -요약 3장. React 엘리먼트 생성 -가상 DOM의 이해 -React 설치 -자바스크립트로 React 엘리먼트 생성 -type 매개변수 -props 매개변수 -children 매개변수 -React 엘리먼트 렌더링 -JSX를 이용해 React 엘리먼트 생성 -요약 4장. 첫 번째 React 컴포넌트 생성 -상태 없음과 상태 기반 -상태를 갖지 않는 첫 React 컴포넌트 생성 -첫 번째 상태 기반 React 컴포넌트 생성 -요약 5장. React 컴포넌트에 반응성 추가 -React를 사용한 문제 해결 -React 애플리케이션 계획 -컨테이너 React 컴포넌트 생성 -요약 6장. 다른 라이브러리와 함께 React 컴포넌트 사용 -React 컴포넌트에서 다른 라이브러리 사용 -React 컴포넌트의 생명주기 메소드 이해 -마운트 메소드 -마운트 해제 메소드 -요약 7장. React 컴포넌트 업데이트 -컴포넌트 생명주기의 업데이트 메소드 이해 -componentWillReceiveProps 메소드 -shouldComponentUpdate 메소드 -componentWillUpdate 메소드 -componentDidUpdate 메소드 -React 컴포넌트 프로퍼티 기본 설정 -React 컴포넌트 프로퍼티 검사 -Collection 컴포넌트 생성 -요약 8장. 복잡한 React 컴포넌트 생성 -TweetList 컴포넌트 생성 -CollectionControls 컴포넌트 생성 -CollectionRenameForm 컴포넌트 생성 -Button 컴포넌트 생성 -CollectionExportForm 컴포넌트 생성 -요약 9장. Jest를 사용한 React 애플리케이션 테스트 -단위 테스트를 작성하는 이유 -테스트 집합, 스펙, 예상 결과 생성 -Jest 설치와 실행 -여러 개의 테스트와 예상 값 생성 -React 컴포넌트 테스트 -요약 10장. Flux를 이용한 React 아키텍처 향상 -웹 애플리케이션의 구조 분석 -Flux에 대한 이해 -디스패처 생성 -액션 생성기 생성 -스토어 생성 -요약 11장. Flux를 이용한 React 애플리케이션의 유지 보수 준비 -Flux를 사용한 관심사 분리 -Stream 컴포넌트 리팩토링 -CollectionStore 생성 -CollectionActionCreators 생성 -애플리케이션 컴포넌트 리팩토링 -Collection 컴포넌트 리팩토링 -CollectionControls 컴포넌트 리팩토링 -CollectionRenameForm 컴포넌트 리팩토링 -TweetList 컴포넌트 리팩토링 -StreamTweet 컴포넌트 리팩토링 -빌드와 활용 -요약 12장. Redux를 사용해 Flux 앱을 세련되게 만들기 -Redux인 이유 -모든 것을 다루는 하나의 스토어 -유동 부분 감소 -Flux의 가장 좋은 부분을 사용 -리듀서로 상태 제어 -리듀서란 무엇인가? -컬렉션 리듀서 -트윗 리듀서 -애플리케이션 상태에 컴포넌트 연결 -상태 및 액션 생성기를 props에게로 매핑 -요약