React.js 핵심정리(ACORN+PACKT TECHNICAL BOOK)

이 책에서 다루는 내용 ■ 좀 더 효율적인 개발을 위한 강력한 React 도구 설치 ■ 프로퍼티와 자식이 있는 React 엘리먼트 생성 ■ 상태가 없는 React 컴포넌트와 상태 기반의 React 컴포넌트 소개 ■ React 개발 과정을 빠르게 하기 위한 JSX 사용 ■ React 컴포넌트에 생명주기 메소드를 이용해서 반응성 추가 ■ React 컴포넌트를 다른 자바스크립트 라이브러리와 통합 ■ Flux 애플리케이션 아키텍처를 React 컴포넌트와 함께 활용 ■ Jest 테스트 프레임워크를 이용해서 React 컴포넌트 테스트 이 책의 대상 독자 이 책은 확장 가능하고 유지보수 가능한 웹 사용자 인터페이스를 개발하고자 하는 프론트엔드 개발자들을 위해 만들어졌다. 자바스크립트, HTML, CSS의 핵심 지식 일부만 알아도 React.js가 웹 개발 세계에 가져온 혁신적인 아이디어의 이점을 활용하는 데에 충분하다. 제이쿼리나 Angular.js를 다뤄 본 경험이 있다면, React.js가 어떻게 다른지 그리고 여러 가지 라이브러리들과 통합시켜서 어떻게 이용할지 이해하는 데 큰 도움이 될 것이다.

1 필요한 도구 설치 __프로젝트 시작 __Node.js와 npm 설치 __깃 설치 __트위터 스트리밍 API를 이용해 데이터 획득 __Snapkite 엔진을 이용해 데이터 필터링 __프로젝트 구조 생성 __package.json 생성 __Node.js 모듈 재사용 __Gulp.js로 빌드 __웹 페이지 생성 __요약 2 첫 React 엘리먼트 생성 __가상 DOM의 이해 __React 설치 __자바스크립트를 이용해 React 엘리먼트 생성 ____type 매개변수 ____props 매개변수 ____children 매개변수 __React 엘리먼트 렌더링 __JSX를 이용해 React 엘리먼트 생성 __요약 3 첫 React 컴포넌트 생성 __상태 없음 vs. 상태 기반 __상태를 갖지 않는 첫 React 컴포넌트 생성 __첫 상태 기반 React 컴포넌트 생성 __요약 4 React 컴포넌트에 반응성 추가 __React를 사용한 문제 해결 __React 애플리케이션 계획 __컨테이너 React 컴포넌트 생성 __요약 5 다른 라이브러리와 함께 React 컴포넌트 사용 __React 컴포넌트에서 다른 라이브러리 사용 __React 컴포넌트의 생명주기 메소드 ____마운트 메소드 ________getInitialState 메소드 ________componentWillMount 메소드 ________componentDidMount 메소드 ____마운트 해제 메소드 ________componentWillUnmount 메소드 __요약 6 React 컴포넌트 업데이트 __컴포넌트 생명주기의 업데이트 메소드 ____componentWillReceiveProps 메소드 ____shouldComponentUpdate 메소드 ____componentWillUpdate 메소드 ____componentDidUpdate 메소드 __React 컴포넌트 프로퍼티 기본 설정 __React 컴포넌트 프로퍼티 검사 __Collection 컴포넌트 생성 __요약 7 복잡한 React 컴포넌트 생성 __TweetList 컴포넌트 생성 __CollectionControl 컴포넌트 생성 __CollectionRenameForm 컴포넌트 생성 __Button 컴포넌트 생성 __CollectionExportForm 컴포넌트 생성 __요약 8 Jest를 사용해 React 애플리케이션 테스트 __유닛 테스트를 해야 하는 이유 __테스트 스위트, 스펙, 예상 결과 생성 __Jest 설치와 사용 __여러 개의 스펙과 예상 값 생성 __React 컴포넌트 테스트 __요약 9 Flux를 사용해 React 아키텍처 향상시키기 __웹 애플리케이션의 구조 분석 __Flux의 이해 __디스패처 생성 __액션 생성자 생성 __스토어 생성 __요약 10 Flux를 사용한 React 애플리케이션의 유지보수 준비 __Flux를 사용해 걱정거리 줄이기 __스트림 컴포넌트 리팩토링 __CollectionStore 생성 __CollectionActionCreator 생성 __애플리케이션 컴포넌트 리팩토링 __컬렉션 컴포넌트 리팩토링 __CollectionControls 컴포넌트 리팩토링 __CollectionRenameForm 컴포넌트 리팩토링 __TweetList 컴포넌트 리팩토링 __StreamTweet 컴포넌트 리팩토링 __빌드와 활용