반응의 섬유는 무엇입니까?

React Fiber란 무엇인가요? ~ (권장 학습: phpstorm)

공식 설명은 "React Fiber는 핵심 알고리즘을 다시 구현한 것입니다."입니다. 이렇게 말하면 너무 막연한 것 같아서 아직 자세히 설명해야 겠네요.

먼저 너무 긴장하지 마세요. React Fiber의 등장이 큰 혁명이라고 생각하지 마세요. 사실 React를 도구로만 사용하는 우리 개발자에게는 기능적 변화가 전혀 느껴지지 않을 수도 있습니다.

React v16이 출시되면 package.json에서 React 버전 번호를 수정하고 npm을 다시 설치하면 모든 것이 완료되고 웹 페이지의 성능이 더 높다는 느낌이 듭니다.

React Fiber의 방법

JavaScript에서 너무 긴 동기화 작업 시간 문제를 해결하는 방법은 실제로 매우 간단합니다. 바로 샤딩입니다.

긴 작업을 여러 개의 작은 조각으로 나누세요. 각 작은 조각의 실행 시간은 매우 짧지만, 각 작은 조각이 실행된 후에는 다른 작업을 실행할 기회가 주어집니다. 스레드만 독점되지 않으며 다른 작업도 계속 실행할 수 있습니다.

React Fiber는 업데이트 프로세스를 조각화합니다. 실행 프로세스는 아래 그림과 같습니다. 각 업데이트 프로세스가 실행된 후 React에서 작업 조정을 담당하는 모듈로 제어가 반환되어 다른 긴급 작업이 있는지 확인합니다. 그렇지 않다면 계속 업데이트하세요. 긴급한 작업이 있으면 긴급한 작업을 수행하세요.

각 샤드를 유지하는 데이터 구조는 Fiber입니다.

샤딩의 경우 업데이트 프로세스의 호출 스택은 아래 그림과 같습니다. 가운데의 각 최저점은 특정 샤드의 실행 프로세스를 나타내고, 각 크레스트는 샤드의 실행이 종료되고 제어권을 반환하는 시간을 나타냅니다. .

위 내용은 반응의 섬유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!