어떤 사람들은 왜 React를 사용하기를 좋아하나요?

React 구성 요소는 단순히 요소(또는 최소한 그러한 기능을 갖춘 클래스)를 반환하는 함수로 생각할 수 있습니다. 이러한 기능적 접근 방식은 Javascript 개발자에게 매우 자연스러운 것입니다. 데이터를 전달하고 요소를 가져옵니다. 배열에 많은 콘텐츠가 있는 경우 이를 반복하여 일련의 요소를 만들 수 있습니다. 이러한 항목에서 특정 요소를 제외하려면 Array 배열 개체의 필터 메서드와 맵 메서드를 사용하여 요소를 처리하고 결과를 얻을 수 있습니다. 이 기능적 워크플로는 애플리케이션의 나머지 부분에 대한 이해를 완벽하게 반영합니다. 이 접근 방식은 Javascript의 장점을 보완합니다. Vue 구성 요소는 데이터 구조의 데이터를 참조하는 템플릿과 비슷합니다. 여기에는 사소하지만 완전히 불필요한 DSL(도메인 특정 언어)이 포함되어 있습니다. map()을 사용할 수 있기 때문에 v-for가 필요하지 않습니다. 나는 평범한 오래된 if를 사용할 수 있기 때문에 v-if가 필요하지 않습니다. 템플릿은 최소한 일부 제한적이거나 도움이 되지 않는 인지 스트레스를 생성합니다. 템플릿은 또한 범위 문제를 야기합니다. 일부 정적 데이터를 React 구성 요소로 가져오면 모든 표준 JavaScript 범위 지정 규칙이 여기에 적용되므로 렌더링 기능에서 사용할 수 있습니다. 그것은 다른 함수와 똑같은 함수일 뿐입니다. Vue의 템플릿은 별도의 Javascript 범위와 상호 작용하므로 이 정적 데이터를 Vue 구성 요소에 작성하고 계산된 속성 필드로 반환해야 합니다. 이 중 특별히 고통스러운 것은 없지만 불필요한 것입니다.