리액트 디자인 패턴과 모범 사례-유연하고 빠르며 유지관리하기 쉬운 애플리케이션 개발하기(ACORN+PACKT TECHNICAL BOOK)

리액트를 처음 접하는 독자를 위해 주요 디자인 패턴을 소개하고, 컴포넌트를 작성하는 과정을 안내하면서 리액트뿐만 아니라 웹 사용자 인터페이스 개발을 위해 알아야 할 기본 개념과 문제점, 그리고 해결 방법을 직접 체득할 수 있게 구성됐다. 이 책에서는 리액트 컴포넌트를 스타일링하고 최적화해 애플리케이션이 더 빠르고 신속하게 반응하게 만드는 방법과 체계적이고 자동화된 테스트를 작성해 코드를 더 견고하게 만드는 방법을 배운다. 마지막으로 독자가 리액트 개발 생태계에 직접 기여하는 방법을 배운다.

1장. 리액트에 대해 알아야 할 모든 것 선언식 프로그래밍 리액트 요소 잊어야 할 기존의 모든 방식 흔한 오해 요약 2장. 깔끔한 코드 관리 JSX 바벨 Hello, World! DOM 요소와 리액트 컴포넌트 프로퍼티 자식 HTML과 다른 점 속성 전개 자바스크립트 템플릿 일반적인 패턴 ES린트 설치 구성 리액트 플러그인 에어비앤비 구성 함수형 프로그래밍의 기본 일급 객체 순수성 불변성 커링 합성 함수형 프로그래밍과 인터페이스 요약 3장. 진정한 재사용 가능 컴포넌트 클래스 만들기 createClass 팩토리 React.Component 확장 주요 차이점 상태 비저장 함수형 컴포넌트 상태 외부 라이브러리 작동 방식 비동기 리액트 럼버잭 상태 사용 프로퍼티 형식 리액트 독젠 재사용 가능 컴포넌트 살아 있는 스타일 가이드 요약 4장. 모든 것을 조합하기 컴포넌트 간 통신 children 컨테이너와 프레젠테이션 패턴 믹스인 상위 컴포넌트 리컴포즈 컨텍스트 함수 자식 요약 5장. 올바른 데이터 읽기 데이터 흐름 자식-부모 통신(콜백) 공통 부모 데이터 읽기 리액트 리페치 요약 6장. 브라우저에 맞는 코드 작성 폼 제어되지 않는 컴포넌트 제어되는 컴포넌트 JSON 스키마 이벤트 참조 애니메이션 리액트 모션 SVG 요약 7장. 컴포넌트 꾸미기 자바스크립트 내의 CSS 인라인 스타일 라듐 CSS 모듈 웹팩 프로젝트 설정 로컬 범위 CSS 원자형 CSS 모듈 리액트 CSS 모듈 스타일드 컴포넌트 요약 8장. 재미와 효율을 위한 서버 측 렌더링 유니버설 애플리케이션 서버 측 렌더링을 구현하는 이유 검색 엔진 최적화 공용 코드베이스 성능 개선 복잡성을 무시하지 말 것 간단한 예제 데이터 읽기 예제 Next.js 요약 9장. 애플리케이션의 성능 개선 조정과 키 최적화 기법 컴포넌트 업데이트 여부 상태 비저장 함수형 컴포넌트 일반적 해결책 업데이트하는 이유 render 메소드 안에 함수 만들기 상수 프로퍼티 리팩토링과 좋은 설계 툴과 라이브러리 불변성 모니터링 툴 바벨 플러그인 요약 10장. 테스트와 디버깅 테스트의 혜택 제스트를 사용한 편리한 자바스크립트 테스트 유연한 모카 테스트 프레임워크 리액트용 자바스크립트 테스트 유틸리티 실제 테스트 예제 리액트 트리 스냅샷 테스트 코드 커버리지 툴 일반적인 테스트 솔루션 상위 컴포넌트의 테스트 페이지 객체 패턴 리액트 개발자 툴 리액트를 사용한 오류 처리 요약 11장. 피해야 할 안티 패턴 프로퍼티를 사용한 상태 초기화 상태 변경 인덱스를 키로 사용 DOM 요소에 프로퍼티 전개 요약 12장. 다음 단계 리액트에 기여하기 코드 배포 npm 패키지 게시 요약