我个人对JavaScript的视图库进行了汇总,这是我感兴趣的一个选项
我个人非常关注的JavaScript视图库做了个简单的总结备忘。这次总结的是以下四个。
-
- Angular(2.x~)
-
- React
-
- Vue.js
- Hyperapp
另外,我们可以通过以下角度来比较各个库。
観点説明CLIの有無ライブラリ用のCLIが用意されていて、雛型の作成が簡単か。CDNの有無ライブラリのCDNが用意されていて、HTMLにURLを書くだけで使用できるか。学習コスト学習コストがどれだけかかるか。ネイティブアプリの開発ネイティブアプリ(スマホ)の開発が可能か。GitHubのスター数GitHubのスター数から人気を見る。Googleトレンド検索トレンド検索から注目度を見る。
命令行界面是否可用
除了Hyperapp以外,还可以使用命令行界面进行操作。
顺便说一句,为了运行Hyperapp而提供的最小配置已经准备好,它被称为hyperapp-one。
名称公式ページAngularAngular CLIhttps://cli.angular.io/Reactcreate-react-apphttps://github.com/facebook/create-react-appVue.jsvue-clihttps://github.com/vuejs/vue-cliHyperapp–
是否有CDN
Angular以外的部分似乎是通过CDN提供的。当你想要试试看或者简单使用时,CDN可能更方便。顺便提一下,AngularJS(Angular1.x)也提供了CDN。
CDNの有無公式ページAngular無-React有https://reactjs.org/docs/cdn-links.htmlVue.js有https://jp.vuejs.org/v2/guide/installation.htmlHyperapp有https://github.com/hyperapp/hyperapp
学习成本
个人觉得,当能够做的事情变多时,学习成本会增加。
学習コスト(主観)説明Angular高そうフルスタックFWと言われているだけあって色々な機能があるため。(ルーターなど)React普通Angularとは異なり必要最低限の機能しか備わっていない。必要となったら拡張していくイメージ。Vue.js普通Reactと同じ。Hyperappこの中では一番低いかもHyperapp自体のコードが1KBのため、頑張れば読むことも可能なため。
用中文翻译一下这个句子:开发本地应用程序。
開発可能か説明Angular可能IonicやNativeScriptといったプラットフォームを用いることで可能。React可能ReactNativeというプラットフォームを用いることで可能。Vue.js可能NativeScriptというプラットフォームを用いることで可能。Hyperapp?不明。Monacaとか用いればできそうな気がする……。
截至2018年5月10日的GitHub点赞数
スター数GitHubのリポジトリAngular36,073https://github.com/angular/angularReact95,431https://github.com/facebook/react/Vue.js93,687https://github.com/vuejs/vueHyperapp12,254https://github.com/hyperapp/hyperapp