react는 웹 프론트엔드 개발 프레임워크입니다. React는 사용자 인터페이스를 구축하는 데 사용되는 JavaScript 라이브러리입니다. 1. 간단하고 특정 시점에 애플리케이션이 어떻게 보일지 간단하게 표현합니다. 실제로 React를 사용하면 캡슐화를 통해 구성 요소 코드를 재사용하고 테스트하고 문제를 분리하는 것이 더 쉬워집니다.
이 튜토리얼의 운영 환경: Windows 10 시스템, 반응 버전 18.0.0, Dell G3 컴퓨터.
React는 어떤 프레임워크에 속하나요?
react는 웹 프론트엔드 개발 프레임워크에 속합니다.
React는 사용자 인터페이스를 구축하는 데 사용되는 JavaScript 라이브러리입니다. Facebook의 내부 프로젝트에서 시작되었습니다. 회사는 시장에 있는 모든 JavaScript MVC 프레임워크에 만족하지 않고 Instagram 웹 사이트를 구축하기 위해 자체 개발을 결정했습니다. 2013년 5월 오픈소스.
그럼 React는 어떤 문제를 해결하나요? 공식 웹사이트에서 다음 문장을 찾을 수 있습니다:
We built React to solve one problem: building large applications with data that changes over time.
이를 위해 React에는 두 가지 주요 기능이 있습니다:
Simple
언제든지 애플리케이션이 어떤 모습이어야 하는지 간단히 설명하면 React는 데이터가 변경될 때 자동으로 UI 업데이트를 관리합니다.
Declarative
데이터가 변경되면 React는 개념적으로 F5를 클릭하는 것과 동일합니다. 실제로 변경 사항의 일부만 업데이트합니다.
React는 재사용 가능한 구성 요소를 만드는 것입니다. 실제로 React를 사용하면 구성 요소를 만드는 것이 전부입니다. 캡슐화를 사용하면 구성 요소 코드 재사용, 테스트 및 문제 분리가 더 쉬워집니다.
React의 주요 원칙
Virtual DOM Virtual DOM
기존 웹 애플리케이션에서 DOM 작업은 일반적으로 직접 업데이트되지만 DOM 업데이트는 일반적으로 비용이 많이 듭니다. DOM에 대한 작업을 최대한 줄이기 위해 React는 직접적인 DOM 작업 대신 DOM을 업데이트하는 다양하고 강력한 방법을 제공합니다. 그것은 React에 의해 추상화된 객체인 경량 가상 DOM인 Virtual DOM이며, DOM이 어떻게 생겼는지, 어떻게 표현되어야 하는지를 설명합니다. 실제 DOM은 이 Virtual DOM을 통해 업데이트되며, 이 Virtual DOM은 실제 DOM의 업데이트를 관리합니다.
이 추가 가상 DOM 작업 계층을 통해 속도가 더 빨라질 수 있는 이유는 무엇입니까? React에는 diff 알고리즘이 있기 때문입니다. Virtual DOM을 업데이트한다고 해서 실제 DOM에 즉시 영향을 미칠 것이라는 보장은 없습니다. React는 이벤트 루프가 끝날 때까지 기다린 후 이 diff 알고리즘을 사용하여 현재 새 값을 비교하여 가장 작은 값을 계산합니다. 이전 DOM 표현과 실제 DOM을 업데이트하는 단계입니다.
추천 학습: "react 비디오 튜토리얼"
위 내용은 반응은 어떤 프레임워크에 속합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!