跨平台系列

cross-plateform 跨平台应用程序-01-概览

cross-plateform 跨平台应用程序-02-有哪些主流技术栈?

cross-plateform 跨平台应用程序-03-如果只选择一个框架,应该选择哪一个?

cross-plateform 跨平台应用程序-04-React Native 介绍

cross-plateform 跨平台应用程序-05-Flutter 介绍

cross-plateform 跨平台应用程序-06-uni-app 介绍

cross-plateform 跨平台应用程序-07-Taro 介绍

cross-plateform 跨平台应用程序-08-Ionic 介绍

cross-plateform 跨平台应用程序-09-phonegap/Apache Cordova 介绍

cross-plateform 跨平台应用程序-10-naitvescript 介绍

如果只能选择一跨平台框架技术,近10年内可以使用,你觉得哪一个最有学习和使用的价值?为什么

选择一个跨平台框架技术时,需要考虑多个因素,包括框架的成熟度、社区支持、性能、生态系统、以及未来发展趋势。

基于当前(2024年)的市场和技术趋势,以下是几个值得考虑的跨平台框架:

  1. React Native

    • 由 Facebook 支持,拥有庞大的社区和丰富的生态系统。
    • 允许使用 JavaScript 和 React 构建原生应用,适合 Web 开发者。
    • 性能优良,许多流行的应用如 Instagram 和 Facebook 都使用 React Native。
  2. Flutter

    • 由 Google 支持,使用 Dart 语言。
    • 提供了高性能的渲染引擎和丰富的组件库。
    • 支持跨平台开发,包括移动、Web、桌面和嵌入式设备。
  3. Xamarin

    • 由 Microsoft 支持,使用 C# 和 .NET 框架。
    • 允许开发者利用现有的 .NET 技能来构建原生应用。
    • 提供了良好的性能和访问原生 API 的能力。
  4. NativeScript

    • 开源框架,使用 JavaScript 或 TypeScript。
    • 直接使用原生平台的 UI 组件,提供原生应用的性能和用户体验。

在这些框架中,FlutterReact Native 尤为突出,它们都有强大的企业支持、活跃的社区和不断增长的生态系统。它们都支持最新的开发实践和技术,如热重载、丰富的组件库和现代的编程语言。

如果要选择一个在未来10年内具有持续价值的框架,我会选择 Flutter,原因如下:

  1. 性能:Flutter 使用自己的渲染引擎,提供了高性能的图形和动画,这对于现代应用至关重要。

  2. 语言支持:Dart 语言由 Google 支持,并且正在不断发展,它提供了稳定的性能和未来的发展潜力。

  3. 跨平台支持:Flutter 不仅支持移动平台,还支持 Web、桌面和嵌入式设备,这使得它具有更广泛的应用范围。

  4. 成熟度和稳定性:Flutter 自2017年发布以来已经证明了其稳定性和成熟度,许多大型企业和应用都选择了 Flutter。

  5. 未来趋势:随着 5G 和物联网的发展,Flutter 的跨平台能力和高性能特性将更加重要。

当然,最终的选择还应考虑你的具体需求、团队的技术栈、项目类型和目标用户群体。每个框架都有其优势和限制,因此在做出决策时,应进行全面的评估。

flutter vs React Native 的性能差异

React Native 和 Flutter 都是流行的跨平台移动应用开发框架,它们在性能方面各有特点和优势。

React Native

  • React Native 允许使用 JavaScript 和 React 构建原生应用,其性能在不断优化。例如,React Native 0.75 版本引入了 Yoga 3.1,增强了布局能力,并继续推进新架构的稳定化,提高了性能和稳定性 。
  • React Native 的性能受限于 JavaScript 桥接层与原生代码的交互,这可能会引入额外的性能开销。但是,React Native 提供了多种优化手段,比如使用 FlatListSectionList 组件来优化长列表的渲染性能 。

Flutter

  • Flutter 使用自己的渲染引擎 Skia,并且通过 Dart 的 Ahead-Of-Time (AOT) 编译,使得应用性能非常接近原生应用。Flutter 应用通常能提供流畅的用户体验,因为它们直接与硬件交互,减少了桥接层的开销 。
  • Flutter 性能调优包括减少资源消耗操作、控制 build() 方法耗时、谨慎使用 saveLayer()、减少不透明度和裁剪的使用、优化列表渲染等 。
  • 某些 Flutter 应用性能一般可能是因为应用本身的优化不足,如过度使用复杂 Widget、资源管理不当或冗余的 UI 更新 。

总的来说,React Native 和 Flutter 都能构建高性能的移动应用,但它们的性能也受到开发者编码实践和优化工作的影响。

选择合适的框架取决于项目需求、团队熟悉度以及期望的应用性能和用户体验。

个人选择

个人理解,flutter 整体的设计理念还是比较值得学习。

但是这也是近 10 年的问题,有一点像当前 jvm 一样,也许多年后有一个前端的微服务?

整体而言设计理念+生态才是最重要的,其他的体积之类的可以优化改造。

大不了直接分别编译。