ReactNativeを使ってみる

開発環境は、Windows 10 Pro(64bit)。

1.公式サイトへアクセスし、Get startedをクリック

2.以下のコマンドを入力し、アプリを作る環境を整えたいと思います。
開発ツールには、React Native CLIとExpo CLIの2つがあるみたいですが、今回は、公式が、紹介していたExpo CLIを採用したいと思います。

npm i -g expo-cli

expo init AwesomeProject

Choose a templateはblackを選択。

以下で実行

cd AwesomeProject
npm start

しばらく待つと、localhost:19002へアクセスすることを促され、ブラウザに自動でアクセスし、以下が表示される。

コマンドプロンプト上で、wをクリックすると、webブラウザ上で、起動するためのコンパイルが開始される。しばらく待つと、コンパイルが完了し、localhost:19006に自動的にアクセスし、以下が表示される。

■参考リンク

Snack
・ブラウザ上でReactNativeの動作を確認するサイトです。