Name: React 기본 사항을 빠르게 시작해보세요
Uploaded: 2021-08-25T14:23:33+8:00
Duration: 1732 min 6 s
Description: React를 사용하면 대화형 UI를 쉽게 만들 수 있습니다. 애플리케이션의 각 상태에 대한 간결한 뷰를 디자인하면 React는 데이터가 변경될 때 적절한 구성 요소를 효율적으로 업데이트하고 렌더링할 수 있습니다.

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

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

강사 소개

PHP 중국어 웹사이트