
私たちは皆、この技術やその技術が時代遅れであるかどうか、そして今何が流行しているのかを時々疑問に思っています。 これはフロントエンドの世界で特に当てはまります。
今日、これらの質問のいくつかに答えました。 本日、 https://stateofjs.comで2万人の開発者を対象とした調査結果を含む新しいレポートを公開しました。 すぐにオリジナルを確認することをお勧めしますが、時間が短い場合は、この記事で重要な点を強調します。
フロントエンドフレームワーク
ここに美しい詳細な図を見ることができます 、そして一言で言えば、12人のリーダーがこのように見えます:
| 千人 | 枠組み | 
|---|---|
| 14 | 反応する | 
| 9.5 | フレームワークなし | 
| 4.7 | 角度1 | 
| 4.6 | Vuejs | 
| 4.4 | 角度2 | 
| 1.7 | バックボーン | 
| 1.2 | ポリマー | 
| 1.1 | エンバー | 
| 0.3 | アウレリア | 
(幅を削除する方法を知っている人はいますか?Habrのテーブルの100%?)
左の列-フレームワークを使用して満足した人の数。
ご覧のとおり、Reactは依然として絶対的なリーダーです。 Vue.js、彼らはこれについて多くのことを話し、書いたが、そのシェアは一年で増加したが、それ以上ではない。 反応キラーは決してなりませんでした。 それにもかかわらず、参照によって図からわかるように、vueへの関心は依然として大きく、多くの人がそれを試してみる予定です。
言語の種類
| 千人 | 言語 | 
|---|---|
| 21 | ES6 | 
| 13 | シンプルなjs(ES5) | 
| 8 | タイプスクリプト | 
| 2.4 | 流れ | 
| 1.2 | ニレ | 
| 0.5 | クロージュリスクリプト | 
| 0.1 | 理由 | 
一般的に、現時点では、クラス(ES6)を使用してjsで記述する価値があります。または、強い型付けが好きな場合はtypescriptを使用することもできます。
facebookはReasonを積極的に開発し始めているように見えるので、 IMHOフローはtypescriptとしてそのような配布を受け取らないでしょう。 ただし、これはまだ普及率とはほど遠いものです。
状態管理
ある種の錫があります。 すべてのテクノロジーが1つの山に混在していました。 Rest API、redux、MySQLを比較するにはどうすればよいですか? 大きいですか、メートルですか、キログラムですか?
それでも、いくつかの結論が導き出される可能性があるため、州管理レポートを見る価値があります。
たとえば、そのreduxはmobxや他のアナログの10倍高速です。 彼はこの分野の絶対的なリーダー、事実上の標準になったようです。 また、誇大宣伝にもかかわらずGraphQLはRestAPIほど普及していない。
バックエンドjsフレームワーク
このレポートから、expressが絶対的なリーダーであり、残りが1桁遅れていることが明らかです。
CSS
この調査は「JavaScriptの状態」と呼ばれていますが、cssがなければ何も機能しないことは誰もが理解しています。 CSSに関連する技術は次のとおりです。
| 千人 | テクノロジー | 
|---|---|
| 18.0 | Sass / scss | 
| 17.0 | ちょうどCSS | 
| 14.0 | ブートストラップ | 
| 7.4 | 少ない | 
| 6.5 | JSのCSS | 
| 4.3 | 基礎 | 
| 2.4 | スタイラス | 
裸のcssが高度なオプション(sass / scss / less)に負けるようになったようです。
ビルドツール
驚きはありません 。 トップNpmとwebpack。 さて、まだ一息ついていますが、図から判断すると、多くはそれを拒否します。
モバイルツール
図から判断すると、ネイティブアプリケーションは依然としてトップです。
| 千人 | テクノロジー | 
|---|---|
| 7.9 | ネイティブアプリ | 
| 4.9 | 電子 | 
| 4.8 | React Native | 
| 3.4 | Phone Gap / Cordova | 
| 2.5 | オニック | 
| 0.5 | ネイティブクリプト | 
その他
著者がどのカテゴリにも分類できないレポートもあるため、すべて1ページにまとめられています 。
好奇心から:
1)糸がnpm以上使用されている。
2)vscodeは、webstormを含む他のエディターの少なくとも2倍の人気があります。
また、レポートには、技術別の給与分布、国別の技術分布、および技術の相互接続に関する対話型図があります(たとえば、react + reduxの使用回数)