리액트 네이티브는 어떤 프레임워크인가요?

React Native는 iOS와 Android의 두 가지 주요 플랫폼을 지원하는 오픈 소스 크로스 플랫폼 모바일 애플리케이션 개발 프레임워크입니다. Javascript 언어, JSX 및 CSS를 사용하여 모바일 애플리케이션을 개발하므로 기술자는 웹 프런트 엔드 개발에만 익숙합니다. 약간의 학습이 필요하면 모바일 애플리케이션 개발 분야에 들어갈 수 있습니다.

관련 추천: "React Video Tutorial"

React Native(RN, 줄여서 RN)는 2015년 4월 Facebook에서 오픈 소스로 공개한 크로스 플랫폼 모바일 애플리케이션 개발 프레임워크입니다. Facebook의 초기 오픈 소스 JS 프레임워크입니다. React in Native 모바일 애플리케이션 플랫폼의 파생물이며 iOS와 Android의 두 가지 주요 플랫폼을 지원합니다.

React Native는 Javascript 언어, HTML과 유사한 JSX, CSS를 사용하여 모바일 애플리케이션을 개발하므로 웹 프런트 엔드 개발에 익숙한 기술자는 거의 학습하지 않고도 모바일 애플리케이션 개발 분야에 들어갈 수 있습니다.

React Native를 사용하면 JavaScript만 사용하여 기본 모바일 애플리케이션을 작성할 수 있습니다. 디자인 원칙 측면에서 React와 일치하며 선언적 구성 요소 메커니즘을 사용하여 풍부하고 다채로운 사용자 인터페이스를 구축합니다.

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

class WhyReactNativeIsSoGreat extends Component {
  render() {
    return (
      <View>
        <Text>
          如果你喜欢在Web上使用React，那你也肯定会喜欢React Native.
        </Text>
        <Text>
          基本上就是用原生组件比如&#39;View&#39;和&#39;Text&#39;
          来代替web组件&#39;div&#39;和&#39;span&#39;。
        </Text>
      </View>
    );
  }
}

위 코드는 리액트 네이티브를 사용해 작성한 간단한 컴포넌트입니다.

React Native는 다중 플랫폼 개발의 개발 효율성을 향상시키는 데 중점을 둡니다. 한 번만 배우고 모든 플랫폼에 맞게 작성하면 됩니다.

React Native 애플리케이션은 실제 모바일 애플리케이션입니다.

React Native는 "웹 애플리케이션", "HTML5 애플리케이션" 또는 "하이브리드 애플리케이션"을 생성하지 않습니다. 최종 제품은 Objective-C 또는 Java로 작성된 앱과 거의 구별할 수 없는 진정한 모바일 앱입니다. React Native에서 사용하는 기본 UI 구성 요소는 기본 애플리케이션과 완전히 동일합니다. 여러분이 해야 할 일은 JavaScript와 React를 사용하여 이러한 기본 구성 요소를 결합하는 것뿐입니다.

import React, { Component } from 'react';
import { Image, ScrollView, Text } from 'react-native';
class AwkwardScrollingImageWithText extends Component {
  render() {
    return (
      <ScrollView>
        <Image
          source={{uri: &#39;https://i.chzbgr.com/full/7345954048/h7E2C65F9/&#39;}}
          style={{width: 320, height:180}}
        />
        <Text>
          在iOS上，React Native的ScrollView组件封装的是原生的UIScrollView。
          在Android上，封装的则是原生的ScrollView。
          在iOS上，React Native的Image组件封装的是原生的UIImageView。
          在Android上，封装的则是原生的ImageView。
          React Native封装了这些基础的原生组件，使你在得到媲美原生应用性能的同时，还能受益于React优雅的架构设计。 
        </Text>
      </ScrollView>
    );
  }
}

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 소개를 방문하세요! !

위 내용은 리액트 네이티브는 어떤 프레임워크인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!