React 패밀리 버킷 튜토리얼

• 장1 제1장
• 1-1 반응 소개
• 1-2 helloact 케이스
• 1-3 가상 DOM을 생성하는 두 가지 방법
• 1-4 가상 DOM과 실제 DOM
• 1-5 jsx 구문 규칙
• 1-6 jsx 작은 연습
• 1-7 구성 요소 및 모듈
• 1-8 개발자 도구 설치
• 1-9 기능적 구성 요소
• 1-10 관련 지식 검토
• 장2 2장
• 2-1 클래스 구성 요소
• 2-2 상태에 대한 이해
• 2-3 상태 초기화
• 2-4 반응의 이벤트 바인딩
• 2-5 이것은 클래스의 메소드에 있습니다.
• 2-6 수업에서 이 포인팅 문제를 해결하세요.
• 2-7 setState 사용
• 2-8 상태의 약어
• 2-9 상태 요약
• 2-10 소품의 기본 사용법
• 장3 세 번째 장
• 3-1 소품을 일괄적으로 전달
• 3-2 소품 제한
• 3-3 소품의 약자
• 3-4 클래스 구성 요소의 생성자와 소품
• 3-5 기능적 구성 요소는 소품을 사용합니다.
• 3-6 요약 소품
• 3-7 문자열 형식의 참조
• 3-8 콜백 형식의 참조
• 3-9 콜백 참조의 호출 수 관련 문제
• 3-10 createRef 사용
• 장4 4장
• 4-1 요약참조
• 4-2 반응에서의 이벤트 처리
• 4-3 제어되지 않는 구성 요소
• 4-4 제어되는 구성 요소
• 4-5 고차 함수의 함수 커링
• 4-6 커링 없이 쓰기
• 4-7 리드 수명주기
• 4-8 라이프사이클(기존) 부품 실장 과정
• 4-9 라이프사이클(이전) setState 프로세스
• 4-10 라이프사이클(이전) forceUpdate 프로세스
• 장5 5장
• 5-1 라이프사이클(이전) 상위 구성요소 렌더링 프로세스
• 5-2 요약 수명 주기(이전)
• 5-3 기존 라이프사이클과 새로운 라이프사이클 비교
• 5-4 getDerivedStateFromProps
• 5-5 getSnapshotBeforeUpdate
• 5-6 getSnapshotBeforeUpdate 예
• 5-7 요약 수명 주기(신규)
• 5-8 DOM 비교 알고리즘
• 5-9 반응 스캐폴딩 초기화
• 5-10 비계 파일 소개 공개
• 장6 6장
• 6-1 스캐폴딩 파일 소개 src
• 6-2 간단한 Hello 구성 요소
• 6-3 스타일의 모듈성
• 6-4 vscode에 반응 플러그인 설치
• 6-5 컴포넌트 코딩 프로세스
• 6-6 TodoList 케이스 정적 구성 요소
• 6-7 TodoList 케이스 동적 초기화 목록
• 6-8 TodoList 케이스에 할 일 추가
• 6-9 TodoList 사례 마우스 이동이 적용됩니다.
• 6-10 TodoList 케이스에 할 일 추가
• 장7 제7장
• 7-1 TodoList 케이스 제한 소품
• 7-2 TodoList 케이스는 할 일을 삭제합니다.
• 7-3 TodoList 케이스는 하단 기능을 구현합니다.
• 7-4 TodoList 사례 요약 TodoList 사례
• 7-5 스캐폴딩 구성 에이전트 방법 1
• 7-6 스캐폴딩 구성 에이전트 방법 2
• 7-7 github 검색 사례 정적 구성 요소
• 7-8 github 검색 사례 axios 요청 보내기
• 7-9 Github 검색 사례 표시 데이터
• 7-10 github 검색 케이스 완성 케이스
• 장8 8장
• 8-1 메시지 구독 및 게시 기술 pubsub
• 8-2 가져오기 요청 보내기
• 8-3 github 검색 사례 요약
• 8-4 SPA 애플리케이션의 이해
• 8-5 라우팅의 이해
• 8-6 프런트엔드 라우팅 원리
• 8-7 라우팅의 기본 사용법
• 8-8 라우팅 부품 및 일반 부품
• 8-9 NavLink 사용
• 8-10 NavLink 구성요소 캡슐화
• 장9 9장
• 9-1 스위치의 사용
• 9-2 스타일 손실 문제를 해결
• 9-3 퍼지 매칭과 엄격한 경로 매칭
• 9-4 리디렉션 사용
• 9-5 중첩된 라우팅
• 9-6 매개변수 매개변수를 라우팅 구성요소에 전달
• 9-7 라우팅 구성요소에 검색 매개변수 전달
• 9-8 라우팅 구성요소에 상태 매개변수 전달
• 9-9 요약 라우팅 매개변수
• 9-10 푸시하고 답장하기
• 장10 10장
• 10-1 프로그래밍 방식 경로 탐색
• 10-2 withRouter 사용
• 10-3 브라우저Router与HashRouter
• 10-4 antd의 기본 사용법
• 10-5 antd 스타일의 온디맨드 도입
• 10-6 antd 맞춤 테마
• 10-7 리덕스 소개
• 10-8 리덕스 워크플로
• 10-9 합산 사례의 순수 반응 버전
• 10-10 화케이스 redux lite 버전
• 장11 제11장
• 11-1 화 케이스 redux 정식 버전
• 11-2 요약 사례의 비동기 작업 버전
• 11-3 반응-리덕스의 이해
• 11-4 컨테이너 구성 요소와 UI 구성 요소 연결
• 11-5 React-Redux의 기본 사용법
• 11-6 최적화 1 약어 mapDispatch
• 11-7 2Provider 구성 요소 사용 최적화
• 11-8 최적화 3 UI 구성요소와 컨테이너 구성요소 통합
• 11-9 데이터 공유 및 Person 컴포넌트 작성
• 11-10 Person 컴포넌트의 Reducer 데이터 공유 및 작성
• 장12 제12장
• 12-1 데이터 공유로 데이터 공유가 완성됩니다
• 12-2 순수 기능
• 12-3 redux 개발자 도구
• 12-4 최종 버전
• 12-5 프로젝트 패키지 및 실행
• 12-6 1setState 확장
• 12-7 확장 2lazyLoad
• 12-8 3stateHook 확장
• 12-9 4EffectHook 확장
• 12-10 5RefHook 확장
• 장13 제13장
• 13-1 6조각 확장
• 13-2 7Context 확장
• 13-3 8PureComponent 확장
• 13-4 9renderProps 확장
• 13-5 10ErrorBoundary 확장
• 13-6 구성 요소 간 통신 방법 요약