다음 섹션: 豆瓣电影搜索案例_消息订阅与发布_pubsub1032회 재생

5 秒后自动播放下一节
  다시 시청하기

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

구성 요소 간 통신 방법 요약

  • 취소회신하다배상
  • 취소메모를 게시하다배상