React Native 0.61 Update には、開発エクスペリエンスを向上させる主要な新機能が導入されています。
React Native 0.61の特徴
React Native 0.61 では、現在の「ライブ リロード」(保存時に再ロード) と「ホット リロード」のハイライトを「高速リフレッシュ」と呼ばれる XNUMX つの新機能にバインドしています。高速リフレッシュは次の原則で構成されています。
- 高速リフレッシュ 関数コンポーネントやフックを含め、現在の React を完全にサポートします。
- 高速リフレッシュはタイプミスやさまざまな失敗後に回復し、必要に応じて完全なリロードに戻ります。
- 高速リフレッシュは侵襲的なコード変更を実行しないため、デフォルトで有効になるのに十分な信頼性があります。
高速リフレッシュ
ネイティブに反応する かなり長い間、ライブリロードとホットリロードが行われてきました。ライブ リロードでは、コードの変更が検出されたときにアプリケーション全体がリロードされます。これにより、アプリケーション内の現在の位置が失われますが、コードが破損した状態ではないことが保証されます。ホットリロードは、単にこれまでの進行状況を「修正」しようとします。これはアプリケーション全体をリロードすることなく実行できるため、進行状況をより迅速に確認できます。
ホットリロードは素晴らしく聞こえますが、かなりバグが多く、フックを備えた機能コンポーネントなどの現在の React 機能では動作しませんでした。
React Native グループは、これらの機能の両方を作り直し、新しい高速リロード機能に統合しました。これはデフォルトで有効になっており、可能な場合はホット リロードと同等の動作を行い、明らかにそうでない場合はフル リロードに戻ります。
React Native 0.61 へのアップグレード
同様に、すべての React Native アップグレードでは、最近作成されたプロジェクトの差分を確認し、これらの変更を自分のプロジェクトに適用することをお勧めします。
依存関係のバージョンを更新する
最初のステップは、package.json 内の条件をアップグレードして導入することです。 React Native の各バージョンは React の特定のバージョンに関連付けられているので、それも必ず更新してください。同様に、react-test-renderer が React のバージョンと一致していることを確認する必要があります。それを使用し、metro-react-native-babel-preset と Babel のバージョンをアップグレードする場合。
フローのアップグレード
イニシャルはシンプルなもの。 React Native が使用する Flow のバージョンが 0.61 に更新されました。これは、フロー コンテナーの依存関係が ^0.105.0 に設定されていること、および .flowconfig ファイルの [バージョン] に同様の値があることを確認する必要があることを意味します。
プロジェクトで型チェックにフローを使用している場合、独自のコードでさらなる間違いが発生する可能性があります。最善の提案は、0.98 と 0.105 の範囲のバージョンの変更ログを調査して、その原因を特定することです。
コードの型チェックに Typescript を使用している場合は、.flowconfig ファイルとフロー ビンの依存関係を完全に削除し、この差分を無視できます。
型チェッカーを使用していない場合は、型チェッカーの使用を検討することをお勧めします。どちらを選択しても機能しますが、Typescript を使用することをお勧めします。