Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

리액트 네이티브란?

<시간/>

React Native는 iOS 및 Android용 기본 모바일 앱을 빌드하도록 특별히 설계된 Facebook의 오픈 소스 JavaScript 모바일 프레임워크입니다. React Native는 모바일 플랫폼용 사용자 인터페이스를 구축하는 데 도움이 되는 ReactJS JavaScript 라이브러리를 기반으로 합니다.

React Native는 기존 IOS 또는 Android 앱 내에서 직접 사용하거나 처음부터 기본 앱을 빌드할 수 있습니다. 현재 React Native는 Facebook 모바일 앱, Instagram, Pinterest, Skype 등과 같은 일부 인기 앱에서 사용됩니다.

오늘날 매우 인기 있는 모바일 개발 앱으로 만드는 React Native의 몇 가지 중요한 기능은 다음과 같습니다. -

교차 플랫폼 지원 − 모바일 앱을 개발하려면 IOS 및 Android 프로그래밍 팀 전문가가 필요하지 않습니다. 대신 앱 빌드에 열성적인 JavaScript 개발자는 Android용 Kotlin 또는 Java, Swift 또는 Objective-C를 배울 필요 없이 React Native를 사용하여 네이티브 앱을 빌드할 수 있습니다. IOS 앱용. 하나의 공통 코드를 작성하면 React Native가 IOS 및 Android에서 이를 표시합니다.

React 네이티브 구성요소 − React Native는 IOS 또는 Android 기본 UI로 변경된 View, Text, Image와 같은 기본 구성 요소를 제공합니다.

다음은 Hello World: 텍스트를 표시하는 반응 네이티브를 사용하는 간단한 예입니다.

예시

import React from 'react';
import { Text, View} from 'react-native';

const App = () => {
   return (
      <View style={{flex :1, justifyContent: 'center', margin: 15}}>
      <Text style={{color:'red', fontSize:30}}>Hello World</Text>
      </View>
   );
}

export default App;

출력

리액트 네이티브란?

JSX − ReactJS가 웹 세계를 위한 것이라면 React Native는 모바일 앱 세계를 위한 것입니다. React Native는 HTML과 CSS를 대체하는 코드를 작성하기 위해 XML인 JSX를 사용합니다. JSX의 장점은 다음과 같습니다 -

  • 자바스크립트로 코드를 컴파일하면서 최적화를 수행하기 때문에 더 빠릅니다.

  • 또한 유형이 안전하며 대부분의 오류는 컴파일 중에 잡을 수 있습니다.

  • HTML에 익숙하다면 템플릿을 더 쉽고 빠르게 작성할 수 있습니다.

React 네이티브 앱 빌드 및 테스트 − 반응 네이티브로 앱을 빌드하고 컴파일 문제 없이 변경 사항을 테스트하는 것은 매우 쉽습니다. 코드를 저장하는 순간 변경 사항을 곧 표시할 수 있습니다.

React 네이티브 릴리스 정보 − React Native의 첫 번째 버전은 2015년에 Facebook에서 출시했으며 그 이후로 업데이트 및 유지 관리하고 있습니다. 모바일 앱 개발에 가장 많이 사용되는 프레임워크 중 하나이기 때문에 출시 이후 많은 인기를 얻었습니다. React Native 공식 웹사이트에 따르면 2018년에 React Native는 2 nd 였습니다. GitHub의 모든 리포지토리에 대한 가장 많은 기여자 수. 오늘날 React Native는 Callstack, Expo, Infinite Red, Microsoft 및 Software Mansion을 비롯한 전 세계 개인 및 회사의 기여로 지원됩니다. Facebook 커뮤니티는 매우 활발했으며 플랫폼 전반에 걸쳐 새로운 업데이트로 프로젝트를 정기적으로 업데이트합니다.