리액트 인 액션

마크 티에렌스 토마스 지음 | 장현희 옮김

제이펍 2021년 12월 16일 출간 종이책 : 2019년 01월 25일 출간

작품소개

책소개

리액트와 리덕스로 구축하는 생동감 넘치는 웹 UI의 세계!

페이스북은 컴포넌트와 웹사이트에 놀라운 사용자 경험을 선사하기 위해 리액트를 개발했다. 리액트의 핵심인 상태 관리, 데이터 흐름, 그리고 렌더링을 위한 현명한 디자인 때문에 사고하기 쉽고 부드럽게 애플리케이션을 실행할 수 있다. 게다가 놀랍도록 풍부한 컴포넌트와 라이브러리 생태계는 개발자와 사용자 모두에게 큰 도움을 준다.

이 책은 리액트를 이용해 구체화하는 기술을 제시한다. 독자들은 모든 장의 구체적인 예제들을 빠르게 실행해 볼 수 있다. 또한, 렌더링, 생명주기 메서드, JSX, 데이터 흐름, 폼, 라우팅, 서드파티 라이브러리의 통합, 그리고 테스트 등 핵심 주제들을 마스터할 수 있다. 그리고 이 책에서 설명하는 애플리케이션 디자인 기법은 많은 개발자들이 눈에 띄는 앱을 개발하는 데 도움이 될 것이다. 마지막으로 리액트를 풀스택 애플리케이션에 통합하는 방법을 알아보고 리덕스를 이용한 상태 관리, 서버 측 렌더링, 그리고 모바일 UI를 위한 리액트 네이티브 등도 학습한다.

목차

PART 1 리액트 소개 1
CHAPTER 1 리액트를 만나다 3
1.1 리액트 시작하기 4
1.2 리액트가 적합하지 않은 경우 10
1.3 가상 DOM 15
1.4 컴포넌트: 리액트의 기본 단위 20
1.5 팀을 위한 리액트 23
1.6 요약 24
CHAPTER 2 첫 번째 컴포넌트 26
2.1 리액트의 컴포넌트에 대해 알아보기 28
2.2 리액트 컴포넌트 개발하기 36
2.3 컴포넌트의 수명과 시간 49
2.4 JSX와의 첫 만남 60
2.5 요약 64

PART 2 리액트의 컴포넌트와 데이터 67
CHAPTER 3 리액트의 데이터와 데이터 흐름 69
3.1 상태 69
3.2 리액트에서의 상태 76
3.3 컴포넌트 간의 통신 86
3.4 단방향 데이터 흐름 87
3.5 요약 90
CHAPTER 4 리액트의 렌더링과 생명주기 메서드 91
4.1 레터스 소셜 저장소 셋업하기 92
4.2 렌더링 과정과 생명주기 메서드 97
4.3 레터스 소셜 앱 개발 시작하기 118
4.4 요약 126
CHAPTER 5 폼 다루기 128
5.1 포스트 생성하기 129
5.2 폼 다루기 133
5.3 새 포스트 생성하기 145
5.4 요약 147
CHAPTER 6 서드파티 라이브러리의 통합 148
6.1 레터스 소셜 API에 포스트 전송하기 149
6.2 지도를 이용해 컴포넌트를 개선하기 151
6.3 요약 172
CHAPTER 7 리액트의 라우팅 173
7.1 라우팅의 기초 174
7.2 라우터 구현하기 177
7.3 요약 192
CHAPTER 8 고급 라우팅과 파이어베이스의 통합 194
8.1 라우터 사용하기 195
8.2 파이어베이스와의 통합 208
8.3 요약 216
CHAPTER 9 리액트 컴포넌트의 테스트 217
9.1 테스트의 종류 220
9.2 Jest, Enzyme, React-test-renderer를 이용한 리액트 컴포넌트의 테스트 223
9.3 처음 작성하는 테스트 코드 225
9.4 요약 245

PART 3 리액트 애플리케이션 아키텍처 247
CHAPTER 10 리덕스 애플리케이션 아키텍처 249
10.1 플럭스 애플리케이션 아키텍처 251
10.2 리덕스 액션 생성하기 258
10.3 요약 280
CHAPTER 11 리액트에 리덕스 통합하기 282
11.1 리듀서는 상태가 어떻게 변경되어야 하는지를 결정한다 283
11.2 리액트에 리덕스 통합하기 299
11.3 요약 312
CHAPTER 12 서버 측 리액트와 리액트 라우터 314
12.1 서버 측 렌더링이란? 316
12.2 왜 서버에서 렌더링을 해야 할까? 320
12.3 SSR이 필요하지 않은 경우 323
12.4 서버에서 컴포넌트 렌더링하기 324
12.5 리액트 라우터 라이브러리 331
12.6 리액트 라우터로 인증 라우트 처리하기 337
12.7 데이터를 포함한 서버 측 렌더링 341
12.8 요약 352
CHAPTER 13 리액트 네이티브 소개 354
13.1 리액트 네이티브 355
13.2 리액트와 리액트 네이티브 358
13.3 언제 리액트 네이티브를 사용할 것인가? 361
13.4 세상에서 제일 간단한 ‘Hello World’ 앱 363
13.5 앞으로의 여정 367
13.6 요약 368

부록: 리액트 16.3 이후 생명주기 메서드 변경 사항 370

출판사 서평

개념과 현실 세계의 예제를 통합한 단 한 권의 도서
- Phaneendra Bommareddy, 오픈로직스

이 책을 읽고 리액트를 활용하자. 그리고 다시는 되돌아보지 말자.
- Michal Paszkiewicz, 런던 교통국

리액트와 리덕스를 이용해 애플리케이션을 개발하고자 하는 모두를 위한 필독서
- Andrew Courter, 피보탈

쉬운 해설, 필요한 모든 단계에 대한 상세한 설명, 풍부한 예제 코드는 리액트의 길에 이르는 등불을 밝혀준다.
- Olivier Ducatteeuw, 벨기에 루벤대학교

작가정보

저자(글) 마크 티에렌스 토마스

저자 : 마크 티에렌스 토마스
아내와 함께 미국 남부 캘리포니아에 거주하며, 풀스택 개발자와 저자로 활동 중이다. 대용량 엔지니어링 문제를 비롯하여 고효율, 고부가가치 솔루션을 제공하는 팀들과 함께 일했다. 맛 좋은 커피, 많은 책, 빠른 API, 그리고 아름다운 시스템을 좋아한다. 매닝 출판사에서 다수의 책을 출간했으며, 개인 블로그인 https://ifelse.io를 운영하고 있다.

역자 : 장현희
20년째 개발자의 길을 걷고 있다. 지난 18년간 총 20여 종의 개발 관련서를 집필하거나 번역했다. 현재는 호주 시드니에 있는 ROKT에서 테크니컬 스페셜리스트로 근무 중이며, 국내 개발자들에게 조금이라도 도움 되는 번역서를 만들기 위해 틈틈이 노력하고 있다. 앞으로도 책이라는 매개체를 통해 멀리서나마 국내 개발자들과 계속해서 소통할 계획이다.

번역 장현희