reactNative,Expoって何？

reactNativeはfacebookが開発した統合環境ですが、開発環境としてはネイティブに関係するものが多く、エミュレータでは動作していても
実機デバッグをしようとした時に動かないといった問題が発生します。

この問題以外にもテスト用のプログラムを配布するには、iOSとAndroidでそれぞれ手間がかかり面倒です。
そこで登場したのが、Expoというサービスです。

ExpoはreactNativeに様々なライブラリを追加した環境を使った簡易的な
アプリケーションの配布を可能とするツール群と、Expoで作成されたアプリケーションをexpo.ioから配布を可能にするサービスです。

百聞は一見にしかず

ここまで聞いてみたものの、自分が理解するには程遠いと思っているそこのあなた。
実際に動かしてみましょう。

reactNativeは、開発環境を整えなくても実行できるのです。
それがSnackと呼ばれるものです。

早速開いてみましょう。

すると
何やらゴニョゴニョと書いてありますね。
詳しくみていきましょう！！！

まずimport〜ですが、こちらは必要なモジュールやライブラリを読んでします。
次にexport〜ですが、こちらが表示部分を作っているところです。
最後のconst stylesはcssみたいな役目です。
exportで作った部分をどう見せるのか？
スタイルを当て込むところです。

もう気づかれた方もいると思いますが、reactNativeはjava scriptを使って書かれています。

なので、java scriptをある程度書かれている方であれば、使いこなすのにさほど時間はかからないと思います。
実際に動かすには、
画面上部にある「▶︎Run」を押して、出てきたQRコードをお手持ちのスマートフォンで読み取ります。
動かすにはExpo Clientというアプリが必要になるのですが、ただアプリを動かすだけなら無料で使えますので、
インストールしてみてください m（＿＿）m

iOSの方はこちら

Androidの方はこちら

さて、このReactNativeの何がすごいかというと、
iOSとAndroidの両方で動くアプリを作れるということ（クロスプラットフォームであるということ）
今まではiOSならswiftで、AndroidならJavaScriptもしくはGoで書いていましたが、
ReactNativeを使えば、AndroidもiOSもその垣根を関係なく、作れるということ。

今まで、iOSで実現できてたけど、Androidでは実装できない。なんてことがあったかもしれませんが、
reactNativeならそんなことはおきない（はず。。。😅）です。

長くなってしまいましたが、最後に今回作成したアプリの紹介をします。