React Nativeを触ってみた
2024 ワード
朝起きたらこんなページを見つけたので15分だけ触ってみた。
基本的な導入は以下にあるが、ここでは最低限動くまでメモ。
1. 準備
React Nativeを動かすには、最低限node
とreact-native-cli
が必要になる。
上記をインストール後、react-native init
でプロジェクトを作成する。
$ brew install node
$ npm install -g react-native-cli
$ react-native init AwesomeProject
作成されるディレクトリの概要は以下のとおり。
$ cd AwesomeProject
$ tree -L 2
.
├── AwesomeProject.xcodeproj
│ ├── project.pbxproj
│ ├── project.xcworkspace
│ ├── xcshareddata
│ └── xcuserdata
├── iOS
│ ├── AppDelegate.h
│ ├── AppDelegate.m
│ ├── Base.lproj
│ ├── Images.xcassets
│ ├── Info.plist
│ └── main.m
├── index.ios.js
├── node_modules
│ └── react-native
└── package.json
9 directories, 7 files
2. 実行
-
AwesomeProject.xcodeproj
をXcodeを開く -
cmd+R
でRunする
すると、以下のようにシミュレータが立ち上がる。
3. 編集
-
index.ios.js
を編集する - Xcode上で
cmd+R
でRunする
4. 所感
15分どころか、ものの3分もあれば実行まで確認できた。
次はチュートリアルを見ながらなにかつくってみる。
Author And Source
この問題について(React Nativeを触ってみた), 我々は、より多くの情報をここで見つけました https://qiita.com/zenizh/items/f969ad75a7b3e9fe5fcd著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .