Reactレガシーブラウザ対応

Posted at 2016-12-06

Reactでコードを書くにあたり、モバイルのレガシーブラウザ対応に関する調査内容を記す。
なお、React経験1ヶ月もないので有識者ではない。

古い端末対応

i0S6, 7, android4系端末対応のため下記導入

npm install --save-dev es5-shim es6-shim babel-preset-es2015-loose

.babelrcにes2015-loose追記

{
  "presets": ["es2015-loose", "es2015", "react"]
}

adnroid4系でPromise動かないからpolyfillいれる。
promiseがうごかないので下記の取得系のパッケージでバグる。ハマル。

下記をインストール

npm install --save es6-promise

インストール後、これをルートのjsxに入れればandroid4系の標準ブラウザでpromiseが動く。

src/index.jsx

import 'es6-promise/auto';

babelに下記を食わして、コードに影響を与えず対応したかったが、どうもまくいかなかった。