React Native とは？

React Nativeなら、コンポーネントを組み合わせるReactの考え方をスマホアプリに活かせるよ。JavaScriptやTypeScriptで書き、画面にはHTMLのdivなどではなくViewやTextといった部品を使う。スマホならではの操作や権限も学ぶ必要があるね。

共通化できる部分は多いけれど、必ず全部同じコードになるわけではないよ。画面の見た目やOSの機能に合わせ、Platformで分けたり、iOS用・Android用のファイルを用意したりする。両方のOSで動作を確かめよう。

基本の画面部品は各OSのネイティブUIを使うよ。WebViewでWebページを表示する方式とは違う。ただし、ネイティブUIだからどんな処理でも速いとは限らない。重い計算や再描画などを調べ、本番用ビルドで性能を確認するんだ。

Expoは開発やビルドを助けるツール群だよ。Expo Goで試せる機能もあるけれど、独自のネイティブライブラリや設定を使うアプリでは、自分のアプリ用のdevelopment buildが必要になる。ローカルでのビルドとクラウドでのビルドでは、必要な準備も違うよ。

React Native for Webという互換レイヤーなどを組み合わせると、Webにもコードを共有できるよ。React Native本体だけで自動的にすべてのWeb機能に対応する意味ではない。まず必要なOSや機能を決めて、対応ライブラリと共通化できる範囲を確認しよう。