React Native のデバッグ
Flipper、React DevTools、Metro bundler、console.log、breakpoints、performance monitoring
1React Native プロジェクトにおける Metro の主な役割は何ですか？
React Native プロジェクトにおける Metro の主な役割は何ですか？
回答
Metro は React Native の JavaScript バンドラーで、JavaScript コードをコンパイルしてアプリ用の単一ファイルにまとめます。また、開発中の Hot Module Replacement (HMR) も処理し、アプリを再起動せずに変更を即座に確認できます。Metro は ES6+、TypeScript、JSX のコードを、デバイスの JavaScript エンジンと互換性のある JavaScript に変換します。
2Android エミュレーターで開発者メニューを開くコマンドはどれですか？
Android エミュレーターで開発者メニューを開くコマンドはどれですか？
回答
Android エミュレーターでは、Ctrl+M（Mac では Cmd+M）のショートカットで React Native の開発者メニューが開きます。このメニューからアプリのリロード、Remote Debugging の有効化、React DevTools による要素の検査、Performance Monitor の切り替えなどのオプションにアクセスできます。実機では、デバイスを振ることでもこのメニューを開けます。
3Flipper とは何で、React Native のデバッグにおける主な利点は何ですか？
Flipper とは何で、React Native のデバッグにおける主な利点は何ですか？
回答
Flipper は Meta が開発したデスクトップ向けデバッグプラットフォームで、Chrome ブリッジなしで React Native アプリケーションを検査できます。主な利点は、JavaScript コードとネイティブの iOS/Android コードの両方をデバッグできる統合インターフェースを提供することです。Flipper は network inspector、ログ、layout inspector、データベース用のプラグインをサポートし、カスタムプラグインの追加も可能です。
React Native における console.log と console.warn の違いは何ですか？
React Native のコンポーネント階層を検査するために React DevTools を有効にするにはどうしますか？
+15 面接問題