require

- node 8.11.1 npm 5.6

#### camera-with-native
・実装

#### hybrid-app-native(CRNAからの作られた基盤だけの雛形)

#### hybrid-app(CRAからの作られた基盤だけの雛形)
- package.json内
 - jest-expo
 - react-native-scripts(Webからnativeのコードを実行するためのmodule)

 - react-nativeを動かすためのpackage(互換性のあるバージョンで指定している。バージョンをあげる際は慎重に)
・expo@^25.0.0(app.jsonに記載) react-native@0.52.0 react-native-web
 - .watchmanconfigを追加
コードからシュミレータへの即時反映を提供している
 - app.jsonを追加

- src内
 - プロジェクト直下にApp.test.jsを追加(ReactNativeのエントリーポイントテスト。名前は変えないこと)
 - mainの記述変更(mainはnativeのentryポイントを渡す)

```
//react-native-scripts/src/bin/crna-entry.js

import Expo from 'expo';
import App from '../../../../App';
import React, { Component } from 'react';
import { View } from 'react-native';

if (process.env.NODE_ENV === 'development') {
  Expo.KeepAwake.activate();
}
Expo.registerRootComponent(App);//Expoに対してmainコンポーネントを設定している
```
Expoに対してAppをroot登録している(native側のエントリーポイントの名前を変えない理由)


---

### RNW

- RNWを作る際はCRAとCRNAでデフォルトで使えるようになっている
CRNAで作った方がエントリーポイントを分けないでいいので楽
共通に書き、分岐が必要な実装、例えば画像ファイルのドロップアウト(web)とカメラロール部分を参照する実装(native)などは
Platformで分岐するか、ファイルの拡張子前にhoge.web.js(or hoge.native.js)などとする