## APP(桌面, 移動, 平板等) 工具 **前端 App 框架:** * [AngularJS](https://angularjs.org/)?&?[Batarang](https://github.com/angular/angularjs-batarang) * [Backbone](http://backbonejs.org/)?&?[Marionette](http://marionettejs.com/) * [React](http://facebook.github.io/react/)?&?[Flux](http://facebook.github.io/flux/)?&?[React Developer Tools](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi) * [Vue.js](http://vuejs.org/)?&?[vue-loader](https://github.com/vuejs/vue-loader)?&?[vue-router](https://github.com/vuejs/vue-router) * [Ember](http://emberjs.com/)?&?[Ember Inspector](https://chrome.google.com/webstore/detail/ember-inspector/bmdblncegkenkacieihfhpjfppoconhi?hl=en) * [Ampersand.js](http://ampersandjs.com/) * [Knockout](http://knockoutjs.com/) * [Aurelia](http://aurelia.io/) * [Polymer](https://www.polymer-project.org/1.0/)?&?[Iron Elements](https://elements.polymer-project.org/browse?package=iron-elements)?&?[Paper Elements](https://elements.polymer-project.org/browse?package=paper-elements) **全棧 JS App 平臺:** * [Meteor](https://www.meteor.com/) * [Hood.ie](http://hood.ie/intro/) * [MEAN](http://meanjs.org/) **移動 Web UI/網站/App 框架:** 這些解決方案可以被用到任何地方, 包括 Web 視圖(Web 平臺和瀏覽器引擎等) APP. * [Ratchet](http://goratchet.com/getting-started/) * [Kendo UI Mobile](http://demos.telerik.com/kendo-ui/m/index) * [Mobile Angular UI](http://mobileangularui.com/) * [Framework7](http://www.idangero.us/framework7) **Native Hybrid mobile webview (i.e. browser engine driven) frameworks:** These solution typically use?[Cordova](https://cordova.apache.org/),?[crosswalk](https://crosswalk-project.org/), or a custom webview as bridge to native api's. * [ionic](http://ionicframework.com/) * [onsen.io](http://onsen.io/) **Native Hybrid mobile development webview (i.e. browser engine driven) environments/platforms/tools:** These solution typically use?[Cordova](https://cordova.apache.org/),?[crosswalk](https://crosswalk-project.org/), or a custom webview as bridge to native api's. * [AppBuilder](http://www.telerik.com/appbuilder)?[$] * [Monaca](https://monaca.io/)?[$] * [Adobe PhoneGap](http://phonegap.com/)?[$] * [kony](http://www.kony.com/products/mobility-platform)?[$] * [ionic hub](http://ionic.io/)?[free to $] * [Taco](http://taco.tools/) * [manifoldJS](http://manifoldjs.com/) * [cocoon.io](https://cocoon.io/)?[free to $] **Native desktop webview (i.e. browser engine driven) app frameworks:** * [NW.js](https://github.com/nwjs/nw.js) * [Electron](http://electron.atom.io/) **Native mobile app frameworks (aka JavaScript Native apps)** These solutions use a JS engine at runtime to inerput JS and bridget that to native api's. No browser engine or webview is used. The ui is constructed from native UI components. * [NativeScript](https://www.nativescript.org/) * [React Native](https://facebook.github.io/react-native/) * [tabris.js](https://tabrisjs.com/)?[free to $] * [trigger.io](https://trigger.io/how-it-works/)?[$] **References:** * [todomvc.com](http://todomvc.com/) **App seeds/starters/boilerplates:** * [React Starter Kit](http://www.reactstarterkit.com/) * [Ember starter-kit](https://github.com/emberjs/starter-kit) * [NG6-starter](https://github.com/angular-class/NG6-starter) * [Angular 2 Webpack Starter](http://angularclass.com/angular2-webpack-starter/) * [hjs-webpack](https://github.com/henrikjoreteg/hjs-webpack#developing-on-multiple-devices-at-once)