★ 이 책에서 다루는 내용 ★ ■ JSX를 사용한 React 컴포넌트 생성, 재사용 및 구성 ■ React 앱의 데이터 흐름 관련 기술과 다양한 React 컴포넌트 간 데이터 공유 방법 ■ 동적 컴포넌트와 이벤트 핸들러의 도움으로 사용자 인터랙션 조작 ■ 동적 컴포넌트와 차세대 ES2015/ES6의 셋업 및 사용 ■ React 애드온을 사용한 React의 불변성과 성능에 대한 특성 이해 ■ React의 애니메이션 기술 이해 ■ 모델 관련 데이터와 정보 저장을 위한 데이터 스토어 사용 ■ Redux 라이브러리를 사용한 Flux 기반 React 애플리케이션 개발 ★ 이 책의 대상 독자 ★ 웹 개발자면서 기본부터 ReactJS를 배우고자 한다면 이 책이 적합하다. 자바스크립트, HTML, CSS에 대한 이해가 필요하다. ★ 이 책의 구성 ★ 1장, ‘React 시작하기’에서는 정적인 데이터를 사용해 간단한 앱을 만들어봄으로써 ReactJS의 기본을 살펴본다. React의 탑레벨 API를 공부하고, 기본적인 빌딩 블록들도 살펴본다. 2장, ‘JSX 깊게 살펴보기’에서는 JSX에 대해 깊이 살펴보고, JSX가 React와 어떻게 함께 사용되는지 자세히 알아본다. JSX를 사용하면서 고려해야 할 여러 가지 내용들도 같이 다룬다. 3장, ‘데이터 흐름과 생명주기 이벤트’에서는 React 컴포넌트와 컴포넌트의 전체 생명주기에서의 데이터 흐름을 집중적으로 살펴본다. 4장, ‘동적 컴포넌트와 폼 구성하기’에서는 폼 마법사 애플리케이션을 만들면서 폼에 좀 더 집중해 React를 이용한 혼합 컴포넌트를 만드는 방법까지 살펴본다. 5장, ‘믹스인과 DOM’에서는 믹스인, ref, DOM을 어떻게 사용하는지 알아본다. 6장, ‘서버에서의 React’에서는 오픈 라이브러리 북 API에 기반한 검색 애플리케이션을 만들어 서버에서 테이블로 HTML을 렌더링하기 위해 React를 어떻게 사용할지를 알아본다. 7장, ‘React 애드온’에서는 계속해서 검색 애플리케이션을 개발하며, React에서 제공하는 다양한 애드온을 사용해 기능을 향상시킨다. 애드온을 사용하는 다양한 케이스를 살펴본다. 8장, ‘React 앱 성능 살펴보기’에서는 React가 컨텐츠를 어떻게 렌더링하는지 앱을 어떻게 더 빠르게 하는지 자세히 살펴봄으로써 React 앱의 성능에 대한 모든 것을 다룬다. 9장, ‘React 라우터와 데이터 모델’에서는 핀터레스트 스타일의 애플리케이션을 만드는 데 필요한 여러 도움과 React 라우터에 대해 살펴본다. React를 이용해 백본 모델을 비롯한 다양한 데이터 모델을 만드는 방법을 알아본다. 10장, ‘애니메이션’에서는 애니메이션을 사용해 더욱 상호연동적인 핀터레스트 앱을 만들고, React를 사용해 더욱더 효과적으로 사용하기 위한 방법에 집중한다. 11장, ‘React 도구’에서는 React를 가지고 작업하는 동안에 사용할 다양한 도구에 대해서 다룬다. Babel, ESLint, React 개발자 도구 및 Webpack에 대해서 살펴본다. 12장, ‘Flux’에서는 Flux 아키텍쳐를 사용하면서 소셜 미디어 트랙커 애플리케이션을 어떻게 만들지 설명한다. Flux 아키텍쳐에 대한 필요성과 테이블 적용을 논의한다. 13장, ‘Redux와 React’에서는 Redux 기반의 state 관리 기술을 사용하기 위해서 소셜 미디어 트랙커 애플리케이션 성능을 향상시킬 수 있는 유명한 state 관리 라이브러리 Redux 사용법을 알아본다.

1장. React 시작하기 __React란? __션이 마이크와 ReactJS를 만났을 때 __React 라이브러리 사용하기 __첫 번째 컴포넌트 만들기 __다시 일로 돌아와서(Back to work) __정적 데이터 표시하기 __데이터를 컴포넌트로 전달하기 __요약 2장. JSX 깊게 살펴보기 __왜 JSX를 사용하는가 __JSX를 자바스크립트로 변환시키기 __HTML 태그 vs React 컴포넌트 __자립 태그 __다중 컴포넌트(Multiple components) __자바스크립트 표현식 __네임스페이스 구성요소(Namespaced components) __스프레드 속성(Spread attributes) __JSX의 스타일 __JSX Gotchas __JSX에서의 조건 사항 __비DOM 속성 __요약 3장. 데이터 흐름과 생명주기 이벤트 __React에서의 데이터 흐름 __Prop 확인 __기본 prop 정의하기 __this.props.children 수정하기 __State __초기 state 설정하기 __state 설정하기 __state 사용하지 않기 __State와 prop __컴포넌트 생명주기 개요 __컴포넌트 생명주기 메소드 __요약 4장. 동적 컴포넌트와 폼 구성하기 __React에서의 폼 __애플리케이션 설정하기 __폼 시작하기 __인터랙티브(대화식) prop __컨트롤된 컴포넌트 __비제어 컴포넌트 __폼 마법사를 사용해 시작하기 __폼 이벤트 __부모와 자식 간의 관계 __폼 검증 __자세한 쇼핑 단계 __상세 배송 단계 __요약 5장. 믹스인과 DOM __다시 사무실로 돌아가 보자 __모달 추가하기 __Refs __요약 6장. 서버에서의 React __React를 사용해 서버에서 렌더링하기 __서버에서의 작업 __요약 7장. React 애드온 __애드온 사용하기 ____불변성 헬퍼 ____유효한 명령어 __컴포넌트 클론하기 ____앱 테스팅을 위한 여러가지 헬퍼들 ________Jest 셋업하기 ____React 컴포넌트의 구조 테스팅하기 __React 컴포넌트의 테스팅 동작 ____얕은 렌더링 __요약 8장. React 앱 성능 살펴보기 __React 앱 성능 __가상 DOM __PERF 애드온 __React에 의한 DOM 동작 ____모든 컴포넌트를 렌더링하기 위해 필요한 시간 ____React에서 소모하는 시간 ____shouldComponentUpdate 훅 __PureRenderMixin ____PureRenderMixin의 안티 패턴 __불변의 데이터 __요약 9장. React 라우터와 데이터 모델 __새로운 도전 __백본 모델 만들기 __정의된 백본 모델 사용하기 __데이터 모델과 백본 __요약 10장. 애니메이션(Animation) __애디퀘이트 LLC에서의 재미있는 일들 __모델 업데이트 __애니메이션 효과 __요약 11장. React 도구 __개발자 도구 ____ES6과 JSX를 위한 Babel 사용하기 ____ESLint __React 개발자 도구 __빌드 도구 ____Webpack이란 ____Webpack 설정 ________로더 ________핫 모듈 교체 __요약 12장. Flux 257 __Flux 아키텍쳐와 단방향 플로우 __Flux 액션 __Flux 스토어 __요약 13장. Redux와 React __Redux __Redux 셋업하기 __요약