리액트 정복하기
1장. 리액트랑 친해지기
1. 소개
2. 첫번째 프로젝트 만들기
3. JSX
4. props 와 state
5. LifeCycle
6. 작업환경 직접 준비하기
7. 투두리스트 만들기
투두리스트 UI 구현하기
투두리스트 기능 구현하기
컴포넌트 업데이트 최적화
더 최적화하기
2장. 리액트, 그 다음단계
1. immer.js
2. recompose
3. 컴포넌트 스타일링
4. 리액트 라우터 기초
프로젝트 준비 및 기본적인 사용법
파라미터와 쿼리
서브라우트
리액트 라우터 부가기능
5. 외부 데이터 연동
3장. 고급 리액트 패턴
Compound Component
Higher-Order Component (HOC)
Render Props 패턴
4장. Context API
컴포넌트 준비하기
Context 만들기
Provider 사용하기
Consumer 사용하기
HoC 를 통해 더 편리한 활용
Context 가 여러개일땐?
recompose 의 fromRenderProps 사용해서 HOC 더 쉽게 쓰기
static contextType 를 사용하여 Context 사용하기
정리
Context 실습: 리액트 라우터와 활용
5장. 코드스플리팅
자바스크립트 함수 비동기 로딩
컴포넌트 비동기 렌더링의 기본
React.lazy 와 Suspense 를 통한 컴포넌트 비동기 렌더링
React-loadable 을 통한 컴포넌트 비동기 렌더링
6장. Jest, Enzyme 을 통한 리액트 컴포넌트 유닛 테스팅
유닛 테스팅이란?
프로젝트 생성, 코드 준비
스냅샷 테스팅
Enzyme 을 통한 DOM 시뮬레이션
정리
기타
Hooks in Action
TypeScript + React 입문
서버사이드 렌더링 구현시 주의사항
Redux
2019년 리액트 테스팅 레시피
테스트 코드 연습하기
리액트 컴포넌트를 위한 테스트 코드 작성하기
react-testing-library
TDD 흐름으로 일정 관리 애플리케이션 만들기
TodoForm 만들기
TodoItem 만들기
TodoList 만들기
TodoApp 만들기
정리
2019년 서버사이드 렌더링 레시피
프로젝트 준비하기
서버사이드 렌더링 구현하기
코드 스플리팅 적용하기
서버 사이드 렌더링과 코드 스플리팅 충돌 해결하기
데이터 로딩
정리
실제 프로젝트 개발 흐름 파악하기
1. 프로젝트 준비하기
2. 회원가입과 로그인 구현
3. 헤더 컴포넌트와 로그인 유지
4. 포스트 리스팅 페이지 구현
5. 글쓰기 페이지 구현하기
6. 포스트 읽기
7. 수정과 삭제
8. 정리
Published with GitBook
2장. 리액트, 그 다음단계
2강. 리액트, 그 다음단계.
2강에선 다음 내용들을 다루게 됩니다.
어떻게하면 리액트 개발을 더 편하게 할 수 있을까? 유용한 라이브러리들의 도움을 받아보자
컴포넌트 스타일링은 어떻게 할까?
데이터를 받아오기 위하여 API 연동은 어떻게 할까?
리액트 라우터를 통한 SPA 는 어떻게 구성할까?
results matching "
"
No results matching "
"