2016-06-30 2 views
1

"React-Native"와 "Apache Cordova"의 기술적 차이점은 무엇입니까?반응 원어와 코드바의 기술적 차이

저는 코드 바를 얼마 동안 사용하고 있으며 작동 방식은 webview (헤드리스 브라우저)를 만들고 다양한 API 액세스로 애플리케이션을 실행합니다. 나는 "React-Native"가 똑같은지 궁금해하고있다. "Ract-Native"도 웹 뷰를 생성합니까? 또는 자바 스크립트 코드를 원시 코드로 변환합니까?

cordova와 같은 "webview"를 만드는 경우 "Cordova + React"앱과 "React-Native"앱의 차이점은 무엇입니까 (네이티브 반응으로 제공되는 기본 구성 요소 제외)?

이미이 유형의 질문에 대한 대답이 이미 있습니다. Phone gap vs React Native. 하지만 제 질문은 조금 다릅니다. 고맙습니다.

답변

3

"Ract-Native"도 웹보기를 생성합니까?

아니요. React Native는 Android 및 iOS 용 기본 UI를 작성하는 추상화입니다. JS 코드는 OS의 JS 런타임에서 실행되지만 UI는 기본 구성 요소로 렌더링됩니다. 이것은 Cordova/PhoneGap과 매우 다릅니다.

이이 React Native webpage에 언급 :

기본 구성 요소

기본 반작용으로, 당신은 안드로이드에 iOS 및 서랍에의 UITabBar로 표준 플랫폼을 구성 요소를 사용할 수 있습니다. 덕분에 플랫폼의 나머지 부분과 일관된 모양과 느낌을주고, 품질 막대를 높게 유지합니다. 이러한 구성 요소는 React 구성 요소를 사용하여 을 앱에 쉽게 통합 할 수 있으며 TabBarIOS 및 DrawerLayoutAndroid와 같은 을 쉽게 사용할 수 있습니다.

그리고는 this blog post에서 자세하게 설명 :

때문에 구성 요소 그냥 순수, 부작용이없는, 우리가 결코 필요하지 무엇을 우리의 견해는 어떤 시점에서처럼 돌아 기능 반작용 으로 렌더링하려면 에 글을 남기려면 렌더링 된 기본보기 구현에서 읽습니다. 브라우저 환경에서 React는 DOM에 대해 과 관련하여 non-blocking이지만 React의 장점은 추상이고 DOM에 밀접하게 결합되어 있지 않은 입니다. React는 iOS의 UIKit과 같이 모든 명령형보기 시스템을 감쌀 수 있습니다.

약간의 작업이 필요하다는 의미이므로 과 똑같이 만들 수 있습니다. GitHub에서의 반응은 진정한 네이티브 모바일 애플리케이션에 도움이됩니다. 모바일 환경의 차이점은 브라우저를 실행하고 div 및 span으로 렌더링하는 대신 앱 내에 JavaScriptCore가 포함 된 임베드 된 인스턴스에서 실행하고 상위 수준 플랫폼 관련 구성 요소로 렌더링합니다.

+0

대단히 감사합니다. 이해합니다. 즉, 반응 네이티브에서의 코드 바 앱보다 성능이 더 좋을 것입니다. 맞습니까? –

+0

네, 특히 애니메이션 같은 것들. – Aaron

+0

@ProvashShoumma 답변을 승인 된 것으로 표시하십시오 :) – Aaron