今から始めたReact Native

環境構築編

Node.jsのいストール(nvm)

React Nativeのインストール

#npmの場合
npm install -g react-native

#yarnの場合
yarn global add react-native

※react-native-cliは非推奨になった模様

Expoのインストール

使用するか迷いましたが、WEB開発から入ったので触りやすいかなと思って導入を決めました。

expoによるReact Nativeのおさらい(最低限) – Qiita

https://qiita.com/zaburo/items/b47bfe27d0b8910a1488

画面遷移

https://irisash.github.io/react_native/use_react_navigation/

ライブラリ類はここみる

https://qiita.com/kaba/items/569aafd80889bb5d9328

Android Studio

※エミュレーターを起動すると“unable to locate adb”が表示される

“unable to locate adb” using Android Studio – Stack Overflow

https://stackoverflow.com/questions/39036796/unable-to-locate-adb-using-android-studio

開発編

React Native ハンズオン〜第一回目 基本文法編

https://zenn.dev/yutama_kotaro/articles/7a0d1d771d2ca3

React Nativeでメモアプリを作ろう~作成画面の構築と実データの利用 (2/3):CodeZine(コードジン)

https://codezine.jp/article/detail/12328?p=2

データストレージ

色々できる→ Realm
比較的簡単→ react-native-storage

react-native-storageを使う

npm install react-native-storage
npm install @react-native-community/async-storage

わからなかったこと

const [ text, setText ] = useState(”);
→DOMのref属性で参照できるようになる

  • このエントリーをはてなブックマークに追加

プロフィール

kura

個人開発歴5年以上。サイト開発・運営。 ペアでエンジニアとアプリ開発しています。

このサイトではWEBデザイン初心者向けになるべく分かりやすいように解説したり、WEBデザインの便利ツール紹介、開発したりしています。

note