Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

ReactNativeのバージョンアップ時に読んでおきたいメモ

More than 1 year has passed since last update.

今回react-nativeのバージョンを
0.57.5から0.59.8に上げたのでメモレベルですが参考になるかなーと思い残しておきます。

Step1 とりあえずリリースノートを読みます。

0.57.5から0.59.8のリリースノートに目を通しておきます。
少なくとも破壊的変更には対応する必要があるので頑張って読む。
アップデートサボっていたので結構厳しい。
https://github.com/facebook/react-native/releases


Step2 各バージョンのreact-native init の差分を比較

こちらのサイトを使うと、プロジェクト作成時のコードの差分を各バージョンでみることができます。
https://pvinis.github.io/purge-web/

差分を確認しながら、自分のプロジェクトにも適応していきます。

手元でやりたい場合は下記のように行います。

react-native-clireact-native initを使ってプロジェクトを二つ作ります。

$react-native init rn575 --version 0.57.5
$react-native init rn598 --version 0.59.8

そのあとrn575のプロジェクトでgitを初期化してとりあえずコミットしておきます。

そのあとにrn575のプロジェクトのファイル全部削除してrn598をブチ込みます。

かなり荒いですが、これで差分が確認できるのでその差分をみて対応を勧めていくことができます。

私は差分が50とか出ちゃいました。辛いですね。でも大丈夫。下記の2つを実施してみてください。

  • ディレクトリ名やファイル名にアプリの名前が入るとこ(/iosandroid/src/main/java/comなど)があるので、そこは適宜ディレクトリ名やファイル名で差分が出ないように変更
  • ソースコード内のrn598という文字列をrn575に一括置換

これでファイルの差分のみが表示されるはずです。私の環境では19ファイル差分がでました。

あとは自分の環境に差分を適応させていくだけ〜


hand-dot
サービスを作ったり、新しい技術を試したりすることが好きです。 基本的にJavaScript,HTML,CSSのフロントエンド周り、SEOやアクセス解析などのWeb全般が好きなのでそういう投稿が多めになると思いますが、よかったらフォーローしてください!
https://labelmake.jp/
sharefull
短期間・短時間の仕事に特化したオンデマンドマッチングプラットフォーム「シェアフル」を開発中の、パーソルグループとランサーズの合弁会社
https://sharefull.com
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away