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 컴포넌트 리팩토링
빌드와 활용