React 기본 사항을 빠르게 시작해보세요

• 장1 가상 DOM과 JSX
• 1-1 리액트 소개
• 1-2 리액트 소형 케이스
• 1-3 가상 Dom을 생성하는 두 가지 방법
• 1-4 가상 DOM과 실제 DOM
• 1-5 jsx 구문 규칙
• 1-6 jsx 작은 연습
• 장2 컴포넌트 지향 프로그래밍
• 2-1 개발자 도구 설치
• 2-2 구성 요소 및 모듈
• 2-3 기능적 구성 요소
• 2-4 관련 지식 검토
• 2-5 클래스 구성 요소
• 장3 구성요소 핵심 속성 상태
• 3-1 상태에 대한 이해
• 3-2 상태 초기화
• 3-3 반응의 이벤트 바인딩
• 3-4 이것은 클래스의 메소드에 있습니다.
• 3-5 수업에서 이 포인팅 문제를 해결하세요.
• 3-6 setState 사용
• 3-7 상태의 약어
• 3-8 상태 요약
• 장4 구성요소 핵심 속성 소품
• 4-1 소품의 기본 사용법
• 4-2 소품을 일괄적으로 전달
• 4-3 소품 제한
• 4-4 소품의 약자
• 4-5 클래스 구성 요소의 생성자와 소품
• 4-6 기능적 구성 요소는 소품을 사용합니다.
• 4-7 요약 소품
• 장5 refs, 컴포넌트의 핵심 속성
• 5-1 문자열 형식의 참조
• 5-2 콜백 형식의 참조
• 5-3 콜백 참조의 호출 수 관련 문제
• 5-4 createRef 사용
• 5-5 요약참조
• 장6 이벤트 및 양식 데이터
• 6-1 이벤트 처리
• 6-2 제어되지 않는 구성 요소
• 6-3 제어되는 구성요소
• 6-4 고차 함수와 함수 커링
• 6-5 커링 없이 쓰기
• 장7 구성요소 수명주기(1)
• 7-1 리드 수명주기
• 7-2 라이프사이클(구)_부품 장착 과정
• 7-3 라이프사이클(이전)_setState 프로세스
• 7-4 수명주기(이전)_forceUpdate 프로세스
• 7-5 상위 구성 요소 렌더링 프로세스
• 7-6 요약 수명 주기(이전)
• 장8 구성요소 수명주기(2)
• 8-1 기존 라이프사이클과 새로운 라이프사이클 비교
• 8-2 getDerivedStateFromProps
• 8-3 getSnapshotBeforeUpdate
• 8-4 10 getSnapshotBeforeUpdate 사례
• 8-5 요약 수명 주기(신규)
• 8-6 DOM 비교 알고리즘
• 장9 발판
• 9-1 반응 스캐폴딩 초기화
• 9-2 스캐폴딩 파일 소개_공개
• 9-3 스캐폴딩 파일 소개_src
• 9-4 간단한 Hello 구성 요소
• 9-5 스타일의 모듈성
• 9-6 WebStorm의 단축키
• 9-7 컴포넌트 코딩 프로세스
• 장10 TodoList 사례
• 10-1 TodoList 케이스_정적 구성요소
• 10-2 동적 초기화 목록
• 10-3 할 일 추가
• 10-4 마우스 이동 효과
• 10-5 선택하고 선택 취소
• 10-6 소품 제한
• 10-7 할 일 삭제
• 10-8 하단 기능 구현
• 10-9 TodoList 사례 요약
• 장11 두반 영화 검색 사건
• 11-1 스캐폴딩 구성 에이전트 1
• 11-2 스캐폴딩 구성 에이전트 2
• 11-3 두반 영화 검색 케이스_정적 구성 요소
• 11-4 두반 영화 검색 case_axios 요청 보내기
• 11-5 두반 영화 검색 사례_표시 데이터
• 11-6 두반영화검색사례_완성사례
• 11-7 두반 영화 검색 케이스_메시지 구독 및 게시_pubsub
• 11-8 두반 영화 검색 케이스_가져오기 요청 보내기
• 11-9 두반 영화 검색 사례_요약
• 장12 반응 라우터
• 12-1 SPA 애플리케이션의 이해
• 12-2 라우팅의 이해
• 12-3 프런트엔드 라우팅 원리
• 12-4 라우팅의 기본 사용법
• 12-5 라우팅 부품 및 일반 부품
• 12-6 NavLink 사용
• 12-7 NavLink 구성요소 캡슐화
• 12-8 스위치의 사용
• 12-9 스타일 손실 문제를 해결
• 12-10 퍼지 매칭과 엄격한 경로 매칭
• 12-11 리디렉션 사용
• 12-12 중첩된 라우팅
• 12-13 매개변수 매개변수를 라우팅 구성요소에 전달
• 12-14 라우팅 구성요소에 검색 매개변수 전달
• 12-15 상태 매개변수를 라우팅 구성 요소에 전달합니다.
• 12-16 요약 라우팅 매개변수
• 12-17 푸시하고 답장하기
• 12-18 프로그래밍 방식 경로 탐색
• 12-19 withRouter 사용
• 12-20 브라우저Router与HashRouter
• 장13 UI 구성 요소 라이브러리 antd
• 13-1 antd의 기본 사용법
• 13-2 antd 스타일의 온디맨드 도입
• 13-3 antd 맞춤 테마
• 장14 상태 관리 리덕스
• 14-1 리덕스 소개
• 14-2 리덕스 워크플로
• 14-3 서밍 케이스_퓨어 리액트 버전
• 14-4 Summing case_redux 간소화된 버전
• 14-5 Summing case_redux 정식 버전
• 14-6 합산 사례_비동기 작업 버전
• 14-7 반응-리덕스의 이해
• 14-8 컨테이너 구성 요소와 UI 구성 요소 연결
• 14-9 React-Redux의 기본 사용법
• 14-10 최적화 1_약어 mapDispatch
• 14-11 2_Provider 구성 요소 사용 최적화
• 14-12 최적화 3_UI 구성요소와 컨테이너 구성요소 통합
• 14-13 데이터 공유_작성자 구성요소
• 14-14 데이터 공유_Person 컴포넌트의 리듀서 작성
• 14-15 데이터 공유_완전한 데이터 공유
• 14-16 순수 기능
• 14-17 redux 개발자 도구
• 14-18 최종 버전
• 14-19 프로젝트 패키지 및 실행
• 장15 확장하다
• 15-1 확장 1_setState
• 15-2 확장 2_lazyLoad
• 15-3 확장 3_stateHook
• 15-4 확장 4_EffectHook
• 15-5 확장 5_RefHook
• 15-6 확장 6_조각
• 15-7 확장 7_컨텍스트
• 15-8 확장 8_PureComponent
• 15-9 확장 9_renderProps
• 15-10 확장 10_ErrorBoundary
• 15-11 구성 요소 간 통신 방법 요약