리액트와 리덕스로 구축하는 효율적인 웹 UI

페이스북의 노하우와 모던 자바스크립트를 내 품 안에

리액트는 페이스북이 개발한 자바스크립트 라이브러리로 넷플릭스, 월마트, 뉴욕타임스 등 글로벌 기업의 웹 인터페이스에 적극 도입되며 세력을 넓히고 있다. 리액트를 활용하면 데이터 기반 웹 사이트에서 페이지를 새로고침하지 않고도 데이터 변화를 지능적으로 표시할 수 있다. 이 책은 리액트로 효율적인 웹 UI를 구축하는 방법을 설명하고, 함수형 프로그래밍과 최신 ECMAScript 기능을 다양한 예제와 함께 안내한다. 리덕스 관련 내용도 2개 장에 걸쳐 자세히 다룬다. 이 책으로 리액트 컴포넌트 구축 방법을 익히고 나면 실무에서 유용하게 활용할 수 있을 것이다.

CHAPTER 1 리액트 소개
1.1 장애물
1.2 리액트의 미래
1.3 변화하는 기술 계속 따라잡기
1.4 예제 파일 사용법

CHAPTER 2 최신 자바스크립트
2.1 ES6에서 변수 선언하기
2.2 화살표 함수
2.3 ES6 트랜스파일링
2.4 ES6 객체와 배열
2.5 프라미스
2.6 클래스
2.7 ES6 모듈
2.8 커먼JS

CHAPTER 3 자바스크립트를 활용한 함수형 프로그래밍
3.1 함수형이란?
3.2 명령형 프로그래밍과 선언적 프로그래밍 비교
3.3 함수형 프로그래밍의 개념

CHAPTER 4 순수 리액트
4.1 페이지 설정
4.2 가상 DOM
4.3 리액트 엘리먼트
4.4 ReactDOM
4.5 자식
4.6 데이터로 엘리먼트 만들기
4.7 리액트 컴포넌트
4.8 DOM 렌더링
4.9 팩토리

CHAPTER 5 JSX를 사용하는 리액트
5.1 JSX로 리액트 엘리먼트 정의하기
5.2 바벨
5.3 조리법을 JSX로 작성하기
5.4 웹팩 소개

CHAPTER 6 프로퍼티, 상태, 컴포넌트 트리
6.1 프로퍼티 검증
6.2 참조
6.3 리액트 상태 관리
6.4 컴포넌트 트리 안의 상태

CHAPTER 7 컴포넌트 개선하기
7.1 컴포넌트 생애주기
7.2 자바스크립트 라이브러리 통합
7.3 고차 컴포넌트
7.4 리액트 밖에서 상태 관리하기
7.5 플럭스

CHAPTER 8 리덕스
8.1 상태
8.2 액션
8.3 리듀서
8.4 스토어
8.5 액션 생성기
8.6 미들웨어

CHAPTER 9 리액트 리덕스
9.1 스토어를 명시적으로 전달하기
9.2 컨텍스트를 통해 스토어 전달하기
9.3 표현 컴포넌트와 컨테이너 컴포넌트 비교
9.4 리액트 리덕스 프로바이더
9.5 리액트 리덕스 connect

CHAPTER 10 테스팅
10.1 ESLint
10.2 리덕스 테스트하기
10.3 리액트 컴포넌트 테스트하기
10.4 스냅샷 테스팅
10.5 코드 커버리지 사용하기

CHAPTER 11 리액트 라우터
11.1 라우터 사용하기
11.2 경로 내포시키기
11.3 라우터 파라미터

CHAPTER 12 리액트와 서버
12.1 아이소모피즘과 유니버설리즘 비교
12.2 유니버설 색 관리 애플리케이션
12.3 서버와 통신하기

리액트와 리덕스로 효율적인 웹 UI를 구축하려는 개발자를 위한 본격 입문서
페이스북이 2013년 처음 공개한 리액트는 개발자가 재사용 가능한 UI를 생성하도록 지원하는 자바스크립트 라이브러리다. 특히 2015년에 공개된 리액트 네이티브의 등장에 힘입어 리액트는 웹뿐만 아니라 모바일까지 아우르는 프레임워크로 자리 잡았다.이 책은 여러분이 리액트에 대해 잘 모른다고 가정하고, 맨 밑바닥부터 차근차근 소개한다. 또한 최신 자바스크립트(ES6)의 핵심을 설명하고, ES6를 활용한 함수형 프로그래밍에 대해 소개함으로써 리액트 프로그래밍에 필요한 기초를 다져준다. 4장까지는 JSX를 사용하지 않는 순수 리액트 프로그램을 통해 리액트가 실제로 어떤 일을 하는지 내부 구조를 보여주고, 5장부터는 JSX를 사용하는 리액트로 넘어가서 리액트 프로퍼티와 상태 관리, 컴포넌트 트리의 구성과 컴포넌트 확장에 대해 다룬다. 또한 리덕스와 테스팅, 리액트 라우터, 아이소모픽 프로그래밍 등 리액트를 사용한 애플리케이션 개발에 꼭 필요한 여러 개념을 이해하기 쉬운 예제를 통해 잘 설명해준다. 주요 독자는 최신 자바스크립트와 함수형 프로그래밍 개념을 익히고 이를 바탕으로 리액트 개념을 잘 이해함으로써 리액트에 입문하고 싶은 개발자다. 이 책은 여러분이 원하는 목표를 리액트로 성취할 수 있도록 도와줄 것이다.★ 옮긴이의 말 중에서리액트를 사용하면 UI 컴포넌트를 정의하고 선언적으로 활용해 UI를 구축하고 제어할 수 있다. 리액트 라이브러리 자체는 비교적 간단한 UI 라이브러리라고 할 수 있지만, 리액트를 뒷받침하는 합성성과 관심사 분리, 데이터 흐름 방향의 단순화 등은 UI뿐만 아니라 다양한 응용 분야에서 활용할 수 있는 좋은 아이디어다. 이 책은 기본적인 ES6부터 시작해서 차근차근 리액트의 여러 아이디어를 설명하며 이해에 방해가 될 수 있는 곁가지를 최대한 줄이고 꼭 알아야 하는 내용 위주로 전개한다. 이 책을 통해 리액트의 핵심 요소를 잘 이해하고 나면 리액트 공식 문서나 자세하고 복잡한 리액트 내용을 더 쉽게 이해하고 여러분 자신의 프로젝트에 리액트를 잘 활용할 수 있을 것이다.★ 주요 내용●자바스크립트로 주요 함수형 프로그래밍 개념 학습하기
●브라우저에서의 리액트 동작 방법 이해하기
●리액트 컴포넌트를 탑재 / 배치하여 앱 프레젠테이션 레이어 생성하기
●컴포넌트 트리로 데이터를 관리하고 앱 디버깅 소요시간 단축하기
●리액트 컴포넌트의 생명주기를 이해하여 데이터 로드와 UI 성능 개선하기
●SPA에서 방문 기록, 북마크 등 브라우저 기능을 사용하기 위한 라우팅 솔루션★ 관련 도서 (제목 + ISBN)
●처음 시작하는 리액트 / 9788968487750
●Node.js 6.x 블루프린트 / 9788968487576

회원리뷰 총 0개

리뷰작성 새 창

사용후기가 없습니다.

등록된 상품문의

상품문의 총 0개

문의작성 새 창

상품문의가 없습니다.

[반품/교환가능 기간]

변심반품의 경우 수령 후 14일 이내, 상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내

[반품/교환비용]

단순 변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담

[반품/교환 불가 사유]

- 소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우

(단지 확인을 위한 포장 훼손은 제외)

- 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우

예) 화장품, 식품, 가전제품(악세서리 포함) 등

- 복제가 가능한 상품 등의 포장을 훼손한 경우

예) 음반/DVD/비디오, 소프트웨어, 만화책, 잡지, 영상 화보집

- 소비자의 요청에 따라 개별적으로 주문 제작되는 상품의 경우 ((1)해외주문도서)

- 디지털 컨텐츠인 eBook, 오디오북 등을 1회 이상 다운로드를 받았을 경우

- 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우

- 전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우

* (1) 해외주문도서 : 이용자의 요청에 의한 개인주문상품으로 단순변심 및 착오로 인한 취소/교환/반품 시

‘해외주문 반품/취소 수수료’ 고객 부담 (해외주문 반품/취소 수수료 : ①양서-판매정가의 12%, ②일서-판매정가의 7%를 적용)

[상품 품절]

공급사(출판사) 재고 사정에 의해 품절/지연될 수 있으며, 품절 시 관련 사항에 대해서는 이메일과 문자로 안내드리겠습니다.

[소비자 피해보상, 환불지연에 따른 배상]

- 상품의 불량에 의한 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은 소비자분쟁해결 기준 (공정거래위원회 고시)에 준하여 처리됩니다.

- 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의 소비자 보호에 관한 법률에 따라 처리함.