技术生态(Technology Ecosystem)

指标 微信小程序 react native/expo flutter hapjs快应用 cocos/unity 对比结果
招聘需求 很多 很多 一般 一般 很多 cocos/unity最多这点毋庸置疑
渲染方式 webview渲染/自渲染 平台渲染 skia自渲染 平台渲染 opengl渲染 自渲染> 平台渲染 > webview渲染
性能 较差 一般 很多 一般 - 各家平台最大的差异在于渲染,而其也影响着性能
开发者体验 很好 一般 很好 一般 很好 微信小程序与flutter都将生态做得很好,答疑开发工具等
原生集成 较差 一般 很好 - - flutter原生集成工具更好
共享代码、知识与开发者 很好 很好 很好 很好 很好 react native胜于flutter,在于reactjs除了在react natvie的使用还覆盖了服务端、前端
社区 微信小程序社区 reactjs社区+react native社区 flutter社区 快应用社区 各家的游戏社区 都不错
代码推送 支持 支持 不支持 支持 支持|react native在做得更好,即能支持热更新也可以实现热修复  
ui一致性 很好 一般 很好 很好|很好 由于react native是依赖平台渲染所以ui存在差异,也是其特色,保持平台风格  
跨平台 移动/PC 移动/PC/Web 移动/PC/Web - - 大家都在跨端

构建一个技术生态:需要 cli、ide、引擎

  • cli(工具链:编译、调试、打包)
  • ide(ui组件预览编辑、游戏界面预览)
  • 引擎(ui渲染器、代码执行器)

react native

  • react native 引擎: https://github.com/react/react-native
  • react native cli https://github.com/react-native-community/cli

flutter

  • flutter sdk(引擎、cli): https://github.com/flutter/flutter
  • flutter ide插件: https://github.com/flutter/flutter-intellij

快应用

  • 快应用引擎:https://github.com/electrolyteJ/hapjs
  • 快应用 cli:https://github.com/hapjs-platform/hap-toolkit
  • 快应用 ide

cocos

  • cocos引擎: https://github.com/cocos/cocos4
  • cocos cli: https://github.com/cocos/cocos-cli
  • cocos creator/ pink

godot

  • godot引擎: https://github.com/godotengine/godot
  • godot cli: https://docs.godotengine.org/zh-cn/4.x/tutorials/editor/command_line_tutorial.html
  • godot ide: https://github.com/godotengine/godot

新时代的编程范式发生了变化古法编程-> ai coding,技术生态需要补齐coding agent的 skill/mcp/cli 这些工具接口,才能让 ai 使用,ide不再是写代码的主战场,退而成review 代码。
依赖于 react native 或者 flutter 的完整生态,是可以定制自己的渲染器、ui 组件、ide游戏预览。

  • expo-three 游戏引擎 + threejs editor
  • expo babylonjs 游戏引擎 + babylonjs editor
  • react native基于skina的自渲染:https://shopify.github.io/react-native-skia/docs/getting-started/installation
  • flutter flame游戏引擎: https://docs.flame-engine.org/latest/README.html

商业生态(Business Ecosystem)

目前面向第三方开发者的跨端框架是小程序、快应用,而flutter/react native主要是给公司内部开发使用,所以接下来需要对比各家头部公司的小程序商业生态。

头部公司的小程序生态

  • 社交类:微信/QQ
  • 电商类:淘宝/京东/美团
  • 办公:飞书/钉钉
  • 短视频:抖音
  • 支付:支付宝

我们对一些有超级流量的小程序平台做了分类,其中对于工具类/资讯类/小说类/生活服务类的小程序主要在微信小程序平台和抖音小程序平台、快应用平台投放,因为这些平台想象空间更大,市场需求更大,下面我们主要对这个几个小程序平台进行对比分析。

指标 微信小程序平台 抖音小程序平台 快应用平台
服务市场/服务商 微信服务市场 抖音服务市场/抖音服务商 快应用服务商
后端接口OpenAPI
云开发
数据分析
性能监控

小程序服务商

参考资料

我不认为Flutter比React Native好

如何理解 Flutter 路由源码设计?| 开发者说·DTalk

基于Web内核的微信小程序框架实践

如果您觉得写得还不错或者对您有所启发,那就赶紧动动您的小指头,点击下面的红色按钮,狠狠地打赏一番吧。