何がネイティブの反応ですか?

イントロ

JavaScriptを使用して作業している場合は、Facebookによって維持されたフレームワークについて聞かなければなりません.そして、あなたは何が反応するかを知っているかもしれません、そして、それはユーザーインターフェースを構築するための図書館であるか、モバイルアプリ、ウェブサイト、その他、現在、反応して、それ自体で、あなたのアプリのフロントエンドのためにだけ使われます、あるいは、ユーザーは何と対話しますか.反応は本当に“ハンドル”(この用語を軽く使用する)フロントエンドには、完全に機能する、完全なスタックアプリケーションを作成するために、他のバックエンド言語を使用する必要があります.反応で使用されるフレームワークの一般的な組み合わせは、mernスタックです.MERNは、MongoDB(アプリケーションデータを格納するデータベース)、ExpressJS(ノード. jsを使用するWebフレームワーク)、ReactJS(クライアント側フレームワーク)、およびNodeJS(フレームワークのバックエンド)を表します.しかし、反応に似ている反応ネイティブと呼ばれるものもありますが、それは携帯アプリのためです.反応に精通している、あなたは考えているかもしれないので、ネイティブの反応は、あなたの反応Webアプリを持っている方法、モバイルデバイスで動作する必要がありますが、それはかなりではない.ネイティブの反応は、モバイルアプリケーションのように見えるWebアプリよりも、それはネイティブのような、名前のように、携帯アプリのいずれかのAndroidやIOSで動作します.通常、AndroidやIOSのためのモバイルアプリケーションを作成するには、IOSのための客観的なC/Swiftなどの特定の言語を知っている必要がありますし、Javaのための/コッリンAndroidのために、しかし、ネイティブの反応のために、そのようなWebカウンターは、JavaScriptが必要です.この区別は、ネイティブの人気が高まって反応する理由です.

ハウツーとスタイル

今では本当に完全にビルドし、どのように反応ネイティブアプリケーションを構築するために理解するには、反応するネイティブドキュメントに、そのウェブサイトhereに従う必要があります.しかし、私はあなたに反応してネイティブアプリを作成し、それを組み合わせて使用することができますいくつかのツールを表示するには、迅速な実行と迅速なセットアップガイドを取得しようとします.現在、反応ネイティブを実現するための2つの異なった方法があります、1つは万博と呼ばれている二次ツールを必要とします、そして、もう一つはより多くのバニラで、直接ネイティブに反応します.反応ネイティブのCLIは、完全に機能的なモバイルアプリケーションを作成するJavaScriptコードを使用する方法です.このアプリは時々、あなたの携帯電話上で実行しているWebアプリであるために混乱しているが、これはケースではない、それは実際に完全にモバイルターゲットのアプリケーションの作成者です.今、あなたはネイティブの反応を使用してアプリケーションを作成することができますが、純粋なJSを使用して、ネイティブ同様にネイティブのIOSとAndroidの言語を使用しながらネイティブ同様に反応することもできます.同様に、EXPOアプリケーションは主にJSとTyesScript、JSと非常によく似た言語ですが、様々な違いがあります.しかし、2つの間の重要な違いは、EXPOはネイティブのIOSとAndroidの言語をサポートしていないことです.だから今大きな決断は、どのCLIは私の携帯アプリ、万博や純粋な反応ネイティブを作成するために使用する必要があります尋ねるときに発生します.万国博覧会やネイティブのいずれかを選択する主要な決定要因は、これらの2つのことに基づいて行う必要があります、いくつかの互換性の問題について心配しているし、ネイティブのIOSやAndroidモジュールを使用しますか.エキスポは、それは厳密にJS/TSコードに焦点を当てて以来、彼らはあまりにもネイティブのモバイル言語の学習について心配することなく、モバイルアプリケーションを簡単に作成することができますので、念頭に置いてWeb開発者のために作られた.万博は、どのように万博が構築されたため、それについてはほとんどのプロを持って行く方法のように聞こえるかもしれないが、それは全体的なサイズでより大きくなって、純粋な反応ネイティブに比べて、より多くのメモリを使用して終了します.この説明はかなり基本的ですが、万博やネイティブのいずれかを選択するための詳細な説明をしたい場合は、上記のリンクを見ることができますし、2つの詳細の詳細については詳細です.私はほとんどのWeb開発者であり、万博アプリケーションは常に純粋な反応ネイティブコードに変換することができますので、私はどのように私のチュートリアルでExpoのモバイルアプリケーションをオフに開始する方法を説明されます.
今すぐ起動するには、ノードのパッケージを取得するコマンドラインにNPMを介してノードモジュールをインストールする方法を知っていると仮定します.このチュートリアルはMacにもありますが、Windowsのインストールはかなり似ています.

//This command installs the expo cli globally to your computer
npm install --global expo-cli
//This command uses that newly installed expo cli to initialize a new expo application, the my-project is what you want to name your new app 
expo init my-project
// You can leave it blank and expo will ask you what you want to name it too :)

今すぐinit後、あなたのアプリケーションの名前をどのようにあなたのベースの反応をネイティブのアプリを初期化するためのエキスポを選択するための5つのオプションが表示されますが、2つのJSテンプレートと3つのTSので、それぞれ1つをテストし、いずれかを参照してください最高のように表示されます.これらは文字通りいくつかの他のバニラよりもテンプレートです.
YouEアプリがインストールされた後、インストールされた新しいプロジェクトフォルダに移動し、コマンドExpoスタートを実行する必要があります.あなたが糸またはNPMを持っているならば、あなたは糸スタートまたはNPMスタートも走らせることもできます.

// navigate to app folder
cd app name
//run expo, npm, yarn start to build your expo app
expo start

今すぐにこれらのコマンドを実行してExpoのメトロバンドルは、あなたのブラウザで、localhostドメインを使用して開くと、プロンプトが表示されますし、複数のことを教えて、これらのことはあなたのアプリを実行する方法についてのオプションです.iOS/Androidエミュレータのいずれかを実行しているようないくつかのオプションは、ウェブサイトとしてそれを実行しているか、あなたがそれを推測した大きなQRコードがあることがわかりますように、あなたの実際のモバイルデバイス上でアプリケーションを実行することができます.しかし、これに1つのキャッチは、あなたのアプリケーションストアからお使いの携帯電話にExpoアプリケーションをインストールする必要がありますし、“カメラを介して”QRコードを見て、それはあなたの携帯電話上であなたの博覧会のアプリを開くにあなたの電話アプリをプロンプトが表示されます使用します.

そして、Voila ! !!

あなたの最初の博覧会のアプリを作成して、それはそれと同じくらい簡単だった!今すぐあなたのコードエディターで、周りの混乱、“こんにちは世界”どこまであなたが欲しい!様々な便利なツール、ヒント、および美しいモバイルアプリケーションを作成するために取ることができる手順のための万博ドキュメントを見てください.