⛔️ Deprecated

최신 리액트 Hooks 버전으로 개정판 <더 로드 투 리액트(2020)>가 출간되어, 본 리액트 도움닫기 (2018) 저장소와 전자책은 더 이상 업데이트 되지 않습니다. 본 책은 리액트 함수 컴포넌트와 Hooks 개념이 도입되기 이전 버전(2018)입니다. 다음 링크에서 최신 개정판을 확인하세요.

Slack

리액트 도움닫기(원제: The Road to learn React) 한국어 공식 깃허브 리퍼지토리입니다.

• 해커 뉴스(HackerNews) 프로젝트 실습 코드

• 저자 직강 리액트 강좌 "더 로드 투 리액트(The Road To React)"

0. 시작하는 글

1. 리액트 기초 다지기

   1. 리액트를 배워야 하는 이유
   2. 준비 사항
      1. 코드에디터 · 터미널
      2. node · npm
   3. 노드 패키지 설치 · 관리
   4. 리액트 설치
      1. CDN
      2. npm
   5. create-react-app
   6. JSX 기초
   7. ES6 const · let
   8. ReactDOM
   9. Hot Module Replacement
   10. JSX 내 자바스크립트 객체 처리
   11. ES6 화살표 함수
   12. ES6 클래스

2. 리액트 기초 향상하기

   1. 컴포넌트 내부 상태 관리
   2. ES6 객체 초기자
   3. 단방향 데이터 흐름
   4. 클래스 메서드 바인딩
   5. 이벤트 핸들러
   6. 폼과 이벤트
   7. ES6 구조해체
   8. 제어되는 컴포넌트
   9. 컴포넌트 분리
   10. 구성 가능한 컴포넌트
   11. 재사용 가능한 컴포넌트
   12. 컴포넌트 선언
   13. 컴포넌트 스타일링

3. 외부 API 사용하기

   1. 생명주기 메서드
   2. 검색 결과 데이터 가져오기
   3. ES6 전개 연산자
   4. 조건부 렌더링
   5. Search 컴포넌트 클라이언트 · 서버 처리
   6. 페이지 매김 데이터 가져오기
   7. 클라이언트 캐시
   8. 오류 처리
   9. Axios 라이브러리 사용

4. 컴포넌트 모듈 구성 · 테스트

   1. ES6 Import · Export
   2. ES6 모듈 구성
   3. Jest 스냅샷 테스트
   4. Enzyme 단위 테스트
   5. PropTypes 컴포넌트 인터페이스

5. 심화: 리액트 컴포넌트

   1. Ref · DOM
   2. Loading 컴포넌트
   3. 고차 컴포넌트
   4. 심화: 정렬

6. 심화: 리액트 상태 관리

   1. 상태 끌어올리기
   2. 심화: setState()
   3. 상태 제어

7. 애플리케이션 배포하기

   1. Eject
   2. Heroku 배포

8. 마치는 글

로빈 위워크 (Robin Wieruch) @rwieruch

• website · github · twitter

이수진 (Sujin Lee) @sujinleeme

• website · github · facebook · twitter · instagram
• email: sujinlee.me@gmail.com

• 조수현(한빛미디어), 정재필, 박성택, 박준모, 정해균

• 아마존과 굿리드에서 여러분의 서평과 후기를 남겨주세요.

• 도서 수정 관련 소식은 이메일과 트위터를 통해 전하고 있습니다.

• 학습 도중 도움이 필요하거나, 다른 사람을 도와주고 싶다면 "The Road to learn React" 독자 커뮤니티 슬랙에 들어오세요.
• 한국어 사용자를 위한 채널이 열려있습니다. #road-to-react-korean 채널에서 함께 공부할 수 있습니다.

• 이 책의 프로젝트 후원자가 되실 수 있습니다. 후원 방법에서 자세한 내용을 확인하세요.

• 본문 내 오탈자를 수정하거나, 추가 설명이 필요한 경우 풀 리퀘스트(Pull Request)를 보내주세요.
• 실습 도중 문제가 생기면 이슈(Issues)에 등록해주세요. 이슈를 게시할 때, 문제가 발생한 부분의 오류 로그 메시지, 스크린 샷, 책 페이지, 노드 버전를 함께 명시해주세요. 여러분들의 리뷰와 이슈는 콘텐츠를 개선하는데 큰 도움이 될 것입니다.