React Native とはどのようなフレームワークですか?

React Native は、iOS と Android の 2 つの主要なプラットフォームをサポートするオープンソースのクロスプラットフォーム モバイル アプリケーション開発フレームワークです。モバイル アプリケーションの開発には Javascript 言語、JSX、CSS が使用されるため、Web フロントに精通した技術者が-開発のみが必要です モバイル アプリ開発の世界に入るには、ほとんど学習する必要はありません。

関連する推奨事項: 「React ビデオ チュートリアル 」

React Native (略して RN) は、によって発売された製品です。 2015 年 4 月の Facebook オープンソースのクロスプラットフォーム モバイル アプリケーション開発フレームワークは、ネイティブ モバイル アプリケーション プラットフォーム上の Facebook の以前のオープンソース JS フレームワーク React から派生したもので、iOS と Android の 2 つの主要なプラットフォームをサポートしています。

React Native は、JavaScript 言語、HTML に似た JSX、および CSS を使用してモバイル アプリケーションを開発するため、Web フロントエンド開発に精通した技術者は、ほとんど学習せずにモバイル アプリケーション開発の分野に参入できます。

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 アプリケーションは本物のモバイル アプリケーションです

React Native は、「Web アプリケーション」、「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>
    );
  }
}

プログラミング関連の知識について詳しくは、プログラミング入門をご覧ください。 ！

以上がReact Native とはどのようなフレームワークですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。