>  기사  >  웹 프론트엔드  >  React Native가 기본 앱인가요?

React Native가 기본 앱인가요?

WBOY
WBOY원래의
2022-06-27 17:17:392266검색

"react Native"는 네이티브 앱이 아닙니다. "react Native"로 작성된 프로그램은 Android Studio에서 컴파일된 후 네이티브 앱이 됩니다. 네이티브 앱의 개발 모델은 React의 jsx 구문을 사용하여 작성됩니다. 플랫폼 모바일 애플리케이션 개발 프레임워크는 기본 모바일 애플리케이션 플랫폼에 대한 Facebook의 초기 오픈 소스 JS 프레임워크 React의 파생물입니다. 이는 iOS와 Android의 두 가지 주요 플랫폼을 지원합니다.

React Native가 기본 앱인가요?

이 튜토리얼의 운영 환경: Windows 10 시스템, 반응 버전 17.0.1, Dell G3 컴퓨터.

react 네이티브는 네이티브 앱이 아닙니다

React 네이티브로 작성된 프로그램은 Android 스튜디오에서 컴파일된 후 네이티브 앱이 됩니다. 개발 모드는 특히 프론트엔드 작성, 페이지 구조/js 작성/css와 유사하지만 css가 아닌 구문을 작성합니다. 이는 작성된 페이지 구성 요소로 렌더링될 수 있습니다.

React Native(RN)는 2015년 4월 Facebook에서 오픈소스로 공개한 크로스 플랫폼 모바일 애플리케이션 개발 프레임워크입니다. 이는 Facebook의 초기 오픈소스 JS 프레임워크 React의 파생물이며 네이티브 모바일 애플리케이션 플랫폼에서 두 가지 주요 기능을 지원합니다. iOS와 Android의 플랫폼. RN은 Javascript 언어, HTML과 유사한 JSX, CSS를 사용하여 모바일 애플리케이션을 개발하므로 웹 프런트 엔드 개발에 익숙한 기술자는 거의 학습하지 않고도 모바일 애플리케이션 개발 분야에 들어갈 수 있습니다.

지식 확장:

JSX는 Javascript와 XML을 결합한 형식입니다. React는 HTML 구문을 사용하여 가상 DOM을 생성하는 JSX를 발명했습니다.

React Native로 작성된 프로그램은 Android Studio에서 컴파일한 후 네이티브 앱이 됩니다. 개발 모드는 특히 프런트 엔드 작성, 페이지 구조 작성/JS 작성/CSS와 같은 구문 작성과 같은 React의 JSX 구문을 사용하여 작성됩니다. 그러나 CSS 대신 이러한 내용을 작성된 페이지 구성 요소로 렌더링할 수 있습니다.

react 네이티브는 node 및 npm 환경에서도 작동합니다. 해당 종속성은 node_modules에서도 제공됩니다. 또한 플러그인 설치 목록입니다. React Native는 기본 프로그램이므로 웹팩을 사용할 필요가 없습니다. 하지만 jdk 및 andoird 환경 구성과 관련 리소스 다운로드/관련 통합 도구 사용은 필수입니다.

리액트 네이티브의 기본 구조와 구문

index.js

React Native가 기본 앱인가요?

app.js

//일반적으로 app.js에 작성된 내용은 최상위 루트를 만들 수 있습니다. -레벨 라우팅 디자인. 이 app.js는 index.html에 설정되어 있습니다. 따라서 이 구성 요소는 처음에 렌더링된 다음 각 하위 구성 요소를 소개하고 사용합니다. 각 구성 요소는 먼저 반응 리소스를 소개하거나 각 구성 요소가 기본 내보내기 클래스를 통해 로드됩니다. 생성자, 멤버 함수, 렌더링 함수. 반응 네이티브 리소스에는 StyleSheet 개체도 있습니다. 이 개체는 구성 요소 스타일을 작성하는 데 특별히 사용됩니다.

생성자에는 상태가 있습니다. 이 상태를 상태라고 하며 구성 요소 상태를 작동하는 데 사용됩니다. 여기서, 상태 속성은 상태에 설정되며, 상태 속성을 통해 다양한 유연한 동작을 수행할 수 있다. 멤버 함수는 생성자에 설정된 이러한 상태 속성에 대해 작동할 수 있습니다. 렌더링 기능은 render입니다. 이 기능에서는 가져온 리소스의 구성 요소를 참조하고 더 큰 구성 요소를 작성할 수 있습니다. 이것이 대략적인 반응 기본 구성 요소가 비즈니스를 완료하는 방법입니다. 자신의 필요와 공식 문서의 구문에 따라 코드를 작성할 수 있습니다.

【관련 추천: javascript 비디오 튜토리얼, web front-end

위 내용은 React Native가 기본 앱인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.