应用程序框架（桌面，手机，平板电脑等）工具

前端应用程序框架： [^1]

• AngularJS (i.e Angular 1.x.x) + Batarang
• Angular (i.e. Angular 2.0.0 +) + angular-cli
• Aurelia + Aurelia CLI
• Ember + embercli + Ember Inspector
• Polymer
• React + create-react-app + React Developer Tools
• Vue.js + vue-cli & Vue.js devtools
• Riot

原生混合移动 WebView（即，浏览器引擎驱动）框架：

这些解决方案通常使用 Cordova、 crosswalk，或自定义的 WebView 作为原生 API 的桥梁。

• ionic
• onsen.io

原生混合移动开发 Webview （即浏览器引擎驱动）环境/平台/工具：

这些解决方案通常使用 Cordova、crosswalk或自定义的 WebView 作为原生 API 的桥梁。

• Adobe PhoneGap [$]
• cocoon.io [免费 $]
• ionic hub [免费 $]
• kony [$]
• Monaca [$]

原生桌面 WebView（即浏览器引擎驱动）应用程序框架：

• Electron
• NW.js

原生移动应用程序框架（又名 JavaScript 原生应用）

这些解决方案在运行时使用 JS 引擎来解释 JS，并将其与原生 API 相桥接。没有使用浏览器引擎或 WebView。UI 由原生 UI 组件构建而成。

• Flutter
• NativeScript
• React Native
• tabris.js [免费 $]
• trigger.io [$]
• weex

参考和演示应用程序:

• todomvc.com
• RealWorld example apps [代码]
• Frontend Guidelines Questionnaire
• Frontend Guidelines

性能:

• js-framework-benchmark
• Front-End Performance Checklist 2018

---

建议:

[^1] 如果您对前端/JavaScript 应用程序开发不熟悉，我会从 Vue.js 开始。然后我会一步步转移到 React 。然后我会看 Angular 2+、Ember、或者 Aurelia。

如果您正在构建只有少量数据交互的简单网站（即大多数情况下是静态内容网站），则应避免使用前端框架。像 Gulp 和 jQuery 这样的工具可以完成很多工作，同时避免了学习和使用应用程序框架工具所带来的不必要的复杂性。

想要比 React 更小的框架，请考虑 Preact。Preact 试图用尽可能少的代码重新创建 React（或与 Mithril 类似的库）的核心提案，并为 ES2015 提供一流的支持。目前该库大约 3kb（缩小和压缩之后）。