基礎から学ぶReact Native入門読んだ

最近は図書館の本を読んでばっかりだったけどkindleセールで買ってみた。

読み終わった後見つけたけど、ここで連載していたのが書籍化された感じなのかな？

基礎からはじめるReact Native入門一覧

CodeZineは、株式会社翔泳社が運営するソフトウェア開発者向けのWebメディアです。「デベロッパーの成長と課題解決に貢献するメディア」をコンセプトに、現場で役立つ最新情報を日々お届けします。

もしかしたら会員登録したら記事全部読めたのか？

React Nativeでメモアプリを作ろう～作成画面の構築と実データの利用

前回に引き続き、メモアプリの作成を行います。メモを作成・保存する機構を作りながら、画面遷移やデータの永続化について学んでいきましょう。

こういうところも登録すれば勉強になるのか？と思ったり

感想
つまづいたポイント
1. Expoをグローバルインストールする必要がなくなっているよう
2. Expo Goで実機確認ができない
最後に

感想

読書メーターにも書いたが、ちょっと物足りない感はあるが環境構築からbuildまで教えてくれるのでreact-native,expoでの開発の全体像がわかってよかった。

useEffectとかはこの本だけで理解は絶対無理だろと思ったし、急にtypescriptの解説なんかにページを割いているのも謎。

それぞれ詳しく知りたければReactの解説本読んでください、Typescriptの解説本読んでくださいとして、そんなのすっ飛ばして<SafeAreaView>とか<ScrollView>とかを挙動を含めてもっと書いてくれればいいのにと思った。

なんで<SafeAreaView>なのにノッチに被って表示されるんだろう？と思ったらどうもandroidだと挙動が違うらしいし、<SafeAreaView>、<ScrollView>一緒の時どっちを上位にするかとか何もわからん。(これからちょっと調べよう)

つまづいたポイント

Expoをグローバルインストールする必要がなくなっているよう

initが違う

npx create-expo-app

startも違う

npx expo start

Expo Goで実機確認ができない

同じネットワークじゃないとダメだったよう。カフェでずっと実機確認が出来んって時間とられたが、家でパソコンもスマホも同じネットワークだったら普通にできた。

調べて–tunnelオプションをつけると違うネットワークでも出来た。

npx expo start --tunnel

最初だけ@expo/ngrok@^4.1.0のインストールするように言われたがインストール後は普通にQR読んで出来た。

√ The package @expo/ngrok@^4.1.0 is required to use tunnels, would you like to install it globally? ... yes

Installing @expo/ngrok@^4.1.0...

> npm install --global @expo/ngrok@^4.1.0

Installed @expo/ngrok@^4.1.0

Tunnel connected.

Tunnel ready.