Upgrade to Pro — share decks privately, control downloads, hide ads and more …

React Native 入門

React Native 入門

React Native のはじめ方

Avatar for Shigeki Yamato (Mori)

Shigeki Yamato (Mori)

March 23, 2018
Tweet

More Decks by Shigeki Yamato (Mori)

Other Decks in Technology

Transcript

  1. 目次 • React Native とは • はじめ方 • 開発環境 •

    UIライブラリ • ルーティング(画面遷移) • 環境変数 • アプリへのコンバート 2
  2. React Native とは • React.js を使ってモバイルアプリ(iOS, Android) を作成出来る JavaScript フ

    レームワーク • クロスプラットフォームでネイティブアプリを開発出来るうれしさ • 有名アプリへの導入実績(Facebook, Instagram, Airbnb) • ライフサイクルが React.js と一緒 (みたいになるように裏で動かしてる) 3
  3. React Native とは • まだまだ発展途上 • ドキュメントが弱い • ライブラリが(React.jsほど) ない

    • デバイス固有の操作(カメラ、GPS、センサー系)に弱い(作り込みましょう) • クロスプラットフォームとは言っても、iOSだけAndroidだけの機能は普通にある (特にAndroid向けが少ない印象) 4
  4. 開発環境 • expo を使って作りながら動作確認をする環境を作る(CRNA標準) ◦ iOS, Android でそれぞれ Expo アプリをインストール

    ◦ Expo アプリでQRコードを読み取る(同一ネットワーク内) ◦ 動作確認がすぐに出来る ◦ ファイル保存後、即反映 6