react는 주로 UI를 구축하는 데 사용되는 JavaScript 라이브러리로, "예측 가능한" 웹 사용자 인터페이스와 "선언적인" 웹 사용자 인터페이스를 구축하는 데 사용할 수 있습니다. React는 시간이 지남에 따라 데이터가 변경되는 대규모 애플리케이션을 구축할 수 있으며 개발 효율성을 향상시킬 수 있습니다.
React는 Facebook의 내부 프로젝트에서 시작되었습니다. 회사는 시장에 있는 모든 JavaScript MVC 프레임워크에 만족하지 않았기 때문에 Instagram 웹 사이트를 구축하기 위해 자체 프레임워크를 작성하기로 결정했습니다. 만들고 나서 이 세트가 매우 유용하다는 것을 알게 되었고, 2013년 5월에 오픈 소스로 공개되었습니다.
React는 사용자 인터페이스 구축을 위한 JavaScript 라이브러리입니다. React는 주로 UI를 구축하는 데 사용됩니다. 많은 사람들이 React를 MVC의 V(뷰)로 생각합니다. React는 높은 성능과 매우 간단한 코드 로직을 가지고 있으며 점점 더 많은 사람들이 이에 주목하고 사용하기 시작했습니다.
React는 "예측 가능"하고 "선언적" 웹 사용자 인터페이스를 구축하는 데 사용할 수 있습니다. React는 시간이 지남에 따라 데이터가 변경되는 대규모 애플리케이션을 구축할 수 있으며 개발 효율성을 향상시킬 수 있습니다.
React 유형 매개변수에 여러 유형의 데이터를 전달할 수 있습니다. 선언 코드와 같은 는 정적 HTML DOM 요소, 동적 변수 또는 대화형 애플리케이션 구성 요소일 수 있는 UI를 렌더링하는 데 도움이 됩니다.
React 기능
선언적 디자인 −React는 선언적 패러다임을 채택하여 애플리케이션을 쉽게 설명할 수 있습니다.
Efficient −React는 DOM을 시뮬레이션하여 DOM과의 상호 작용을 최소화합니다.
유연성 −React는 알려진 라이브러리 또는 프레임워크와 잘 작동합니다.
JSX − JSX는 JavaScript 구문의 확장입니다. React 개발이 반드시 JSX를 사용할 필요는 없지만 권장합니다.
Components − React를 통해 구성 요소를 구축하면 코드 재사용이 더 쉬워지고 대규모 프로젝트 개발에 잘 적용될 수 있습니다.
단방향 응답 데이터 흐름 − React는 단방향 응답 데이터 흐름을 구현하여 중복 코드를 줄여 기존 데이터 바인딩보다 간단합니다.
React의 주요 원칙
기존 웹 애플리케이션에서 DOM 작업은 일반적으로 직접 업데이트되지만 DOM 업데이트는 일반적으로 상대적으로 비용이 많이 듭니다. DOM에 대한 작업을 최대한 줄이기 위해 React는 직접적인 DOM 작업 대신 DOM을 업데이트하는 다양하고 강력한 방법을 제공합니다. 그것은 React에 의해 추상화된 객체인 경량 가상 DOM인 VirtualDOM이며, DOM이 어떤 모습이어야 하는지, 어떻게 표현되어야 하는지를 설명합니다. 실제 DOM은 이 Virtual DOM을 통해 업데이트되며, 이 Virtual DOM은 실제 DOM의 업데이트를 관리합니다.
이 추가 가상 DOM 작업 계층을 통해 속도가 더 빨라질 수 있는 이유는 무엇입니까? 이는 React에 diff 알고리즘이 있기 때문입니다. VirtualDOM을 업데이트한다고 해서 실제 DOM에 즉시 영향을 미칠 것이라는 보장은 없습니다. React는 이벤트 루프가 끝날 때까지 기다린 다음 이 diff 알고리즘을 사용하여 현재 새 dom 표현을 비교하여 최소 단계를 계산합니다. 이전 DOM으로 업데이트하세요.
가장 확실한 이점은 델타 수준의 DOM 업데이트를 달성할 수 있는 React의 소위 dom diff입니다. 데이터 변경으로 인해 DOM이 변경되면 React는 전체적으로 새로 고치지 않고 내부 DOM diff 알고리즘을 통해 차이점을 계산한 다음 가장 작은 단위로 업데이트합니다. 이것이 React가 좋은 성능을 가지고 있다고 주장하는 이유이기도 합니다.
더 많은 프로그래밍 관련 지식을 보려면프로그래밍 소개를 방문하세요! !
위 내용은 반응할 수 있는 것은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!