리액트로 효율적인 웹 UI를 구축하려는 개발자를 위한 본격 입문서 이 책은 최신 자바스크립트의 핵심과 함수형 프로그래밍을 소개함으로써 리액트 프로그래밍에 필요한 기초를 다져주며, 리액트 JSX와 렌더링 방식, 함수 컴포넌트를 만들고 합성하는 방법에 대해 소개한다. 다양한 훅을 사용하고 정의하는 방법과 비동기 데이터 처리에 대해 설명한 후, 테스트, 라우팅과 서버사이드 렌더링에 이르기까지 실무에서 리액트를 개발할 때 필요한 기본 지식을 적절한 예제와 함께 잘 설명해준다. 리액트를 사용하면 UI 컴포넌트를 정의하고 정의한 컴포넌트를 선언적으로 활용해 UI를 구축하고 제어할 수 있다. 리액트 라이브러리 자체는 비교적 간단한 UI 라이브러리라고 할 수 있지만, 리액트를 뒷받침하는 합성성과 관심사 분리, 데이터 흐름 방향의 단순화 등의 아이디어는 UI뿐 아니라 다양한 응용 분야에서도 활용할 수 있어 유용하다. 이 책을 통해 리액트의 핵심 요소를 잘 이해하면 리액트 공식 문서나 더 자세하고 복잡한 리액트 책을 더 쉽게 이해하고 자신의 프로젝트에 리액트를 더 잘 응용할 수 있다. ▶ 사전 지식 - 자바스크립트 초급 ▶ 먼저 보면 좋은 책 - 『모던 자바스크립트 핵심 가이드』 - 『혼자 공부하는 자바스크립트』 - 『자바스크립트를 말하다』 대상 독자 주요 독자는 최신 자바스크립트와 함수형 프로그래밍 개념을 익히고 이를 바탕으로 리액트 개념을 잘 이해함으로써 리액트에 입문하고 싶은 개발자다. 이 책은 여러분이 원하는 목표를 리액트로 성취할 수 있도록 도와줄 것이다. 주요 내용 ● 자바스크립트를 사용해 함수형 프로그래밍의 핵심 개념 ● 리액트가 브라우저에서 어떻게 작동하는지 내부 살펴보기 ● 리액트 컴포넌트를 사용해 애플리케이션의 프리젠테이션 계층 만들기 ● 데이터를 관리하는 방법과 애플리케이션 버그 수정 시간을 줄이는 방법 ● 리액트 훅을 통해 상태를 관리하고 데이터를 외부에서 읽어오는 방법 ● 단일 페이지 애플리케이션(SPA)에서 라우팅 해법 사용하기 ● 서버를 염두에 둔 아이소모픽 리액트 애플리케이션의 구조를 잡는 방법

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 리액트의 미래