react-native-domをちょっと動かしてみた
いい加減触るかと思いたち、チュートリアルをしてみた
セットアップ
適当なサンプルプロジェクトをinitする
$ react-native init rndomExample
まずは普通にアプリを起動してみる
$ react-native run-ios
ふむ
次に本題のセットアップ
$ yarn add --dev rnpm-plugin-dom $ raect-native dom
パッケージを追加してコマンドを実行すると、新しいファイルが作成される
あとは起動するだけ
$ react-native run-dom
ターミナルが立ち上がって、すぐにブラウザが立ち上がる
ブラウザで同じ画面が表示された
すごい
検証
LayoutAnimation
とか動くのかな?と思って動かしてみた
簡単なサンプルだけど、ほぼ完璧に同じ動きしててすごい
左がアプリで右がウェブ
ここまでのソース
GitHub - rskull-sandbox/rndomExample: example for react-native-dom
どうやって動いてるのか?
すごく詳しく仕組みを解説してくださっているので
気になる方はこちらの記事を見てください!
ここまで理解できるのすごい
これが精一杯(花)