[북리뷰] 러닝 리액트 2판

최근 프론트엔드 개발자로 일하면서 React는 빠질 수 없는 존재다.

페이스북에서 사용하고 있어 Vue 보다 더 점유율이 높고 React-navtive까지 지원하니 많은 사람들이 관심을 갖고 공부를 하고 있다.

그중에 나도 한 명인데 관심만 갖고 공부를 하지 않고 있는 상태였다.

책 사고 스터디하고 강의 결제하고 딱 여기까지 보고 공부하고 듣지를 않는다.

 

이번에 한빛에서 지원받은 책이 러닝리액트 2판(Learning React)라서 타이밍 좋게 집중하고 힘들게 책을 읽어봤다.

O'REILLY 출판사에서 나온 책답게 표지 동물은 멧돼지이다. 아주아주 무섭다.

러닝 리액트 2판

쓰다 보니 러닝 리액트 1판도 예전에 구매했던 기억이 생각났다. 

1판(2018년)에서는 리덕스(redux)에 대한 내용을 다뤘다면 2판에서는 훅스(hooks) 관련 내용으로 이루어져 있다.

React는 버전별로 많은 부분들이 변경되기 때문에 항상 어떤 버전을 사용하는지 파악해야 한다.

이렇게 따지면 공식문서를 보고 공부하는 게 제일 좋긴 하지만 공식문서를 볼 정도의 기량이 없으므로

쉽게 설명하는 책을 보고 공부하는 것도 하나의 방법이다.

목차

CHAPTER 1 리액트 소개

1.1 튼튼한 토대
1.2 리액트의 과거와 미래
1.3 코드 예제 사용법

CHAPTER 2 리액트를 위한 자바스크립트

2.1 변수 선언하기
2.2 함수 만들기
2.3 자바스크립트 컴파일하기
2.4 객체와 배열
2.5 비동기 자바스크립트
2.6 클래스
2.7 ES6 모듈

CHAPTER 3 자바스크립트를 활용한 함수형 프로그래밍

3.1 함수형이란 무엇인가?
3.2 명령형 프로그래밍과 선언적 프로그래밍 비교
3.3 함수형 프로그래밍의 개념

CHAPTER 4 리액트의 작동 원리

4.1 페이지 설정
4.2 리액트 엘리먼트
4.3 ReactDOM
4.4 리액트 컴포넌트

CHAPTER 5 JSX를 사용하는 리액트

5.1 JSX로 리액트 엘리먼트 정의하기
5.2 바벨
5.3 JSX로 작성한 조리법
5.4 리액트 프래그먼트
5.5 웹팩 소개

CHAPTER 6 리액트 상태 관리

6.1 별점 컴포넌트 만들기
6.2 useState 훅
6.3 재사용성을 높이기 위한 리팩터링
6.4 컴포넌트 트리 안의 상태
6.5 폼 만들기
6.6 리액트 콘텍스트

CHAPTER 7 훅스로 컴포넌트 개선하기

7.1 useEffect 소개

CHAPTER 8 데이터 포함시키기

8.1 데이터 요청하기
8.2 렌더 프롭
8.3 가상화된 리스트
8.4 GraphQL 소개

CHAPTER 9 Suspense

9.1 오류 경계
9.2 코드 분리하기

CHAPTER 10 리액트 테스트

10.2 프리티어.10.3 리액트 애플리케이션을 위한 타입 검사
10.4 테스트 주도 개발
10.5 제스트 사용하기
10.6 리액트 컴포넌트 테스트하기

CHAPTER 11 리액트 라우터

11.1 라우터 사용하기
11.2 라우터 프로퍼티
11.3 리디렉션 사용하기

CHAPTER 12 리액트와 서버

12.1 아이소모피즘과 유니버설리즘 비교
12.2 서버 렌더링 리액트
12.3 넥스트.js를 사용한 서버 렌더링
12.4 개츠비
12.5 리액트의 미래

후기

이번엔 목차에 따라 후기를 써보겠다.

1-5장까지 자바스크립트, 리액트에 대한 기본 지식, 세팅을 설명해 놓고 꼭 필수로 꼼꼼하게 읽고 넘어가야 한다.

언제나 기초가 중요하다. 물론 이미 다 아시는 분들이면 넘어가도 상관없다.

항상 책을 볼 때 기초를 훅훅 넘어가고 실무나 자주 하는 부분들만 살펴보니 원론적인 부분들을 많이 놓쳐 어려워한 적이 간혹 있었다.

덕분에 책을 보는 시간이 길어지고 안 좋은 점도 있지만, 한번 더 지식을 다지는 느낌으로 보려고 노력한다.

 

6-7장부터 상태 관리를 다루면서 훅스에 대한 내용이 나오기 시작한다.

훅스를 통해서 상태관리를 하고 최적화 캐싱 등에 왜 필요한지 어떻게 사용하는지에 대한 설명이 있다.

 

8장에서는 개발하면서 필요한 데이터를 받고 그 데이터를 처리하는 과정(fetch, JSON, 네트워크 등)을 설명했다.

프런트 개발하면서 꼭 필요한 부분이므로 잘 보고 잘 챙겨가길 바란다.

 

내가 생각하긴 8장까지 기초 느낌이고 9장부터 심화로 대충 나눠보았다.

8장까지는 꼭 완벽하게 보고 이해하고 그다음 9장부터 보면 좋을 것 같다.

 

책에서 예제로 설명한 github를 통한 데이터 가공, 12장에서 설명하는 리액트 서버 관련 예제를 곧 블로그에 포스팅할 예정이다.

 

한빛미디어에서 <나는 리뷰어다>를 통해 책을 지원받아 작성한 리뷰입니다.