ReactNative vs Flutter

「.NET 開発基盤部会 Wiki」は、「Open棟梁Project」,「OSSコンソーシアム .NET開発基盤部会」によって運営されています。

• 戻る
  • Flutter
  • ReactNative

目次 †

概要 †

スマホアプリ開発の領域では、Flutterに軍配が上がった感あり。

詳細 †

この理由は、なんとなく、以下のような感じでは？と思う。

ReactNative †

• ネイティブに振り過ぎ。

• スマホに限定していない。

• ネイティブ・アプリをReactNative開発者に開発してもらうためのもの。
  React Native for Windowsでo365のUIを実装するケース等が解りやすい。

• UIは、ネイティブ・コンポーネントを使用している。

• React同様にWeb技術の採用によりSPA系の知識が必要になる。

Flutter †

• ネイティブに振り過ぎていない。

• スマホ向けに特化している。
  ...が、以下のような機能もある。
  • Flutter for Desktop
  • Flutter for Web

• ...が、パフォーマンスも良好。

• UIは、独自レンダリング。

• Web技術（SPA系）は採用されていない。

• よく使う範囲はpluginが用意されている。
  （pluginが書ける＝ネイティブ連携も可能）

まとめ †

• 全体的に、Flutterが、

• バランス良く洗練されている。

• ドキュメンテーションの面でも優れている。

• 最近は、IDEや周辺ツール含め、RADっぽくなってきた。

• ...と言う事で、

• 用途によるが、汎用性はFlutterが上。

• ネイティブ・モジュールの再利用ではReactNativeが上。
  （「Flutter/Dart => Java/Swift? => C/C++」らしい。）

• Flutterが、全体的にシェアを握った。

参考 †

• Androidネイティブアプリ開発者から見たFlutter. | by Tsukamoto Takeshi | Medium

• React Native経験者がFlutterをさわってみた - ANDPAD Tech Blog
  https://tech.andpad.co.jp/entry/2020/02/12/114953

• モバイルアプリ開発にGoogleのFlutterを使うべき8つの理由 | Workship MAGAZINE(ワークシップマガジン)
  https://goworkship.com/magazine/mobile-apps-google-flutter/

• Flutter for React Native developers - Flutter
  https://flutter.dev/docs/get-started/flutter-for/react-native-devs

• 一部の企業でReact Native離れが始まる - CIOニュース：CIO Magazine
  https://project.nikkeibp.co.jp/idg/atcl/idg/14/481709/082000458/