추가 적립 안내

단일 페이지 애플리케이션을 다뤄본 경험이 있거나 자바스크립트와 HTML을 다뤄본 경험이 있는 유저들이 이해하기 쉬운 내용의 책이다. 리액트는 공개된 페이스북에서 내부적으로 개발한 자바스크립트 라이브러리로 2013년에 오픈 소스로 공개되었다. 웹에서 상호작용하는 사용자 인터페이스를 만들기 위한 라이브러리다. 이 책 [처음 시작하는 리액트]는 리액트의 모든 개념을 살펴보고 이러한 개념들이 유용한 이유를 설명한다. 특히 단일 페이지 애플리케이션(SPAs, Single Page Applivations)을 만드는 데 큰 도움이 될 것이다. 리액트를 이용해 완전한 애플리케이션을 만들기 위한 활용 예제와 함께 필요한 도구도 설명하고 있다.

페이스북, 인스타그램, AirBnb, 넷플릭스, BBC의 선택, ReactJS를 소개합니다.
리액트는 공개된 페이스북에서 내부적으로 개발한 자바스크립트 라이브러리로 2013년에 오픈 소스로 공개되었다. 웹에서 상호작용하는 사용자 인터페이스를 만들기 위한 라이브러리다.
이 책은 리액트를 다룬 국내 첫 도서로 리액트의 모든 개념을 살펴보고 이러한 개념들이 유용한 이유를 설명한다. 특히 단일 페이지 애플리케이션(SPAs, Single Page Applivations)을 만드는 데 큰 도움이 될 것이다. 리액트를 이용해 완전한 애플리케이션을 만들기 위한 활용 예제와 함께 필요한 도구도 설명한다.

이 책의 대상독자
이 책의 내용을 이해하기 위해서는 자바스크립트와 HTML을 다뤄본 경험이 있어야 한다. 프레임워크의 종류와 상관없이 단일 페이지 애플리케이션을 다뤄본 경험이 있다면 더욱 도움이 될 것이다. 물론 필수는 아니다.

1 React 소개
__1.1 배경
__1.2 개요

2 JSX
__2.1 JSX는 무엇인가?
__2.2 JSX의 장점
__2.3 컴포넌트 조합
__2.4 JSX와 HTML의 차이점
__2.5 JSX를 사용하지 않는 경우의 React
__2.6 JSX 공식 스펙

3 컴포넌트 라이프사이클
__3.1 라이프사이클 메소드
__3.2 초기화
__3.3 실행시
__3.4 분해와 정리
__3.5 안티 패턴: 상태에 계산값 사용
__3.6 정리

4 데이터 흐름
__4.1 Props
__4.2 PropTypes
__4.3 getDefaultProps
__4.4 State
__4.5 state와 props에는 어떤 값을 저장해야 할까?
__4.6 정리

5 이벤트 처리
__5.1 이벤트 핸들러 연결하기
__5.2 이벤트와 상태
__5.3 상태에 따른 렌더링
__5.4 상태 변경하기
__5.5 이벤트 객체
__5.6 정리

6 컴포넌트 구성
__6.1 HTML 확장
__6.2 예제
__6.3 부모 컴포넌트와 자식 컴포넌트의 관계
__6.4 정리

7 믹스인
__7.1 믹스인은 무엇인가?
__7.2 정리

8 DOM 조작
__8.1 React를 통한 DOM 노드 접근
__8.2 React 외의 라이브러리 포함하기
__8.3 부모 엘리먼트에 영향을 주는 플러그인 다루기
__8.4 정리

9 폼
__9.1 비제어 컴포넌트
__9.2 제어 컴포넌트
__9.3 폼 이벤트
__9.4 레이블
__9.5 textarea와 select
__9.6 체크박스와 radio 버튼
__9.7 폼 엘리먼트 이름
__9.8 여러 개의 폼 엘리먼트에 change 핸들러 사용
__9.9 커스텀 폼 컴포넌트
__9.10 포커스
__9.11 사용성
__9.12 정리

10 애니메이션
__10.1 CSS 트랜지션 그룹
__10.2 트랜지션 그룹 사용 시 주의점
__10.3 인터벌 렌더링
__10.4 정리

11 성능 개선
__11.1 shouldComponentUpdate
__11.2 Immutability Heipers 애드온
__11.3 속도 저하 원인 찾기
__11.4 Key
__11.5 정리

12 서버사이드 렌더링
__12.1 렌더링 함수
__12.2 서버 사이드 컴포넌트 라이프사이클
__12.3 정리

13 React 패밀리
__13.1 Jest
__13.2 Immutable.Map
__13.3 Flux
__13.4 정리

14 개발 도구
__14.1 빌드 도구
__14.2 Browserify
__14.3 Webpack
__14.4 Webpack과 React
__14.5 디버깅 도구
__14.6 정리

15 테스트
__15.1 시작하기
__15.2 첫 번째 명세 : 렌더링
__15.3 모의 컴포넌트
__15.4 함수를 스파이 객체로 만들기
__15.5 이벤트 시뮬레이션
__15.6 finder 메소드로 컴포넌트 탐색하기
__15.7 믹스인
__15.8 〈body〉에 렌더링 하기
__15.9 서버 사이드 테스트
__15.10 브라우저 테스트 자동화
__15.11 정리

16 설계 패턴
__16.1 라우팅
__16.2 Om(ClojureScript)
__16.3 Flux
__16.4 정리

17 그밖의 사용법
__17.1 데스크톱
__17.2 게임
__17.3 HTML 이메일
__17.4 차트
__17.5 정리

18 부록: 릴리스로그
__18.1 React v.0.11.2
__18.2 React v.0.12 RC
__18.3 React v.0.12
__18.4 React v.0.12.2
__18.5 React v.0.13 Beta 1
__18.6 React v.0.13 RC
__18.7 React v.0.13 RC2
__18.8 React v.0.13
__18.9 React v.0.13.1
__18.10 React v.0.13.2
__18.11 React v.0.13.3
__18.12 React v.0.14 Beta 1
__18.13 React v.0.14 RC