全球開發者調查:JavaScript 成最愛,還最喜歡用 React

CSDN資訊發表於2017-12-16

點選上方“CSDN”,選擇“置頂公眾號”

關鍵時刻,第一時間送達!

根據最新的 State of the Octoverse 2017 報告,在現有的 337 種開發語言中,JavaScript 仍然是 GitHubbers 的最愛。

640?wx_fmt=jpeg&wxfrom=5&wx_lazy=1

JavaScript 的生態系統一年比一年豐富,即使是最有經驗的開發人員,在每個階段考慮可用的眾多選項時,也會變得猶豫不決。

Stack Overflow 不久前做的技術趨勢分析顯示,部分 JavaScript 的技術成員一直呈現“持續增長”的趨勢,如:Angular,TypeScript 和 Meteor。

640?wx_fmt=png&wxfrom=5&wx_lazy=1

喜愛度調查

0?wx_fmt=png

結果顯示,有將近 9K 的被調查者表示聽過 TypeScript ,並打算學學看。其中最受歡迎的是 ES6,超過2萬的使用者表示用過,並還會繼續用或再次使用。

前端開發

0?wx_fmt=png

在對前端框架使用情況進行調查時,出現了一個很有趣的現象:許多受訪者表示沒有使用過前端框架!

在使用過前端框架的受訪者中,React 的使用率是最高的,有 14K 的人使用過並表示會再次使用。而在 GitHub 上,也最新統計了最受歡迎的十大基於 React 的開源庫,它們可以幫助使用者的 Web App 構建出具有炫酷 UI 效果的靜態網站。

1. Material UI

0?wx_fmt=jpeg

31,194 ★ ,版本 0.20.0

Material UI 通過使用 React 元件來實現了谷歌的 material design。它使得開發 Web、製作炫酷的 UI 以及開發單頁面應用程式都變得更加簡單。將 Material UI 用於伺服器渲染時,開發人員必須為伺服器和客戶端使用相同的環境。你可以從 GitHub 以及 Material UI 的官方網站上了解更多關於它的資訊。

2. Ant Design

0?wx_fmt=png

20,995 ★,版本3.0.1 

Ant Design 是一個基於 React 的庫,它能夠為你的 React 應用程式新增有趣的設計。它專為桌面應用程式而設計,開發體驗很好,能夠提升使用者體驗。雖然 Ant Design 是一箇中文的庫,但是在志願者的幫助下它已經被翻譯為英文,英文開發者也能夠很好地使用它。

3. Storybook

0?wx_fmt=png

16,559 ★,版本1.0.0

藉助 Meteor 和 Firebase 等框架,後端開發變得更加容易。React Storybook 則是為前端開發人員打造的庫。通過提供自己的 UI 開發環境,React Storybook 允許你在應用程式之外構建和設計 React 應用程式的 UI 元件,這使得開發團隊中的其他人員可以更輕鬆地在自己的專案中使用 UI 元件。

4. Gatsby

0?wx_fmt=jpeg

15,712 ★,版本1.9.130

Gatsby 是一個建立在 React.js 框架之上的快速靜態站點生成器。有了 Gatsby,你無需花費太多精力寫程式碼,即可將純文字轉換成網站。很多網站已經開始使用靜態網站生成器來建設高質量的網站。Gatsby 生成的網站後期很容易維護,功能擴充套件也很方便。如果你已經對 React 框架足夠了解,那麼建議你用 Gatsby, 它可以提升你的開發體驗,而且還附帶了一個命令列工具。 

5. Enzyme

0?wx_fmt=png

11,846 ★,版本3.2.0

Enzyme 是一個基於 React 構建的輕量級測試庫,可以作為 React 的JavaScript 測試工具。它讓斷言,操作和遍歷 React 元件的任務變得更簡單。它通過模仿 jQuery 的 API 進行 DOM 操作和遍歷(如查詢,模擬等),並提供不同型別的渲染選項(比如 shallow、mount 和 static)。諸如 Mocha、Expect、Chai 和 Jasmine 的其他測試庫也可以與 Enzyme 一起使用,並不會衝突。

6. Blueprint

0?wx_fmt=png

7,762 ★,版本1.34.0

Blueprint 是一個針對 Web 的 React UI 工具包。它提倡程式碼重用,能夠高效地為桌面應用程式構建出複雜的 Web 介面。雖然這個庫主要為桌面應用程式打造,但是它相容移動應用的趨勢很大。它非常靈活,可以和其他 JavaScript 框架一起使用,例如 Angular、Vue.js 等等。此外,Blueprint 還可以與 CSS、TypeScript 和 JavaScript 一起使用。

7. Spectacle

0?wx_fmt=png

5,693 ★,版本4.0.4

Spectacle 是一個基於 React 的庫,主要用於為 Web 演示建立高質量和動態性的幻燈片。你可以使用 React 元件非常輕鬆地進行演示。Spectacle 帶有像 Slide 和 BlockQuote 這樣的開箱即用的元件,藉助它大量的 UI 元件可以實現非常漂亮的演示效果。有了 Spectacle,建立簡報變得非常容易。這個庫靈活性很高,因為你可以編寫自己的構建配置,也可使用樣板配置為 Web 簡報提供一個很好的外觀。

8. Elemental UI

0?wx_fmt=png

3,848 ★,版本 0.6.1

Elemental UI 是一個非常靈活和高效的 UI 框架,用於構建具有設計感的 Web 應用。這個框架與 Material UI 框架非常相似,但是更加輕巧。它一個靈活和優美的 React CSS UI 框架。可以使用 npm 安裝,並通過 Browserify 或 Webpack 構建到你的專案中。

9. Grommet

0?wx_fmt=png

2,651 ★,版本 2.0.0-alpha.5

Grommet 是一個基於 React 的庫,主要用於改善使用者體驗。據說,它是“企業應用最先進的 UX 框架”。它是一個非常靈活的庫,具有儀表盤、登入、搜尋、圖表等多種元件。使用者還可以通過屬性配置來增強這種靈活性。藉助 Grommet 附帶的開箱即用的元件,你可以建立出漂亮並且可以重複使用的 UI 元素,為使用者在使用 Web 應用時提供良好的體驗。Grommet 相容多種瀏覽器,並且支援主題定製。

10. Mozaik

0?wx_fmt=png

2,294 ★,版本1.4.4

Mozaik 可以為 Web 應用建立漂亮的儀表盤。它提供了很好的自定義選項,並提供響應式佈局。這意味著它可以在所有平臺上執行,無論是在大螢幕上還是在智慧手機上。Mozaik 有很多主題可供開發人員用來建立個性化的主題。它可以網格定位,優化了後端通訊,並且還可以使用多個儀表板。

這十大開源庫都利用了 React.js 框架的特性和元件,在執行任務方面非常高效,可用於設計出色的使用者介面、創造良好的使用者體驗、測試 JavaScript 和 React 程式碼以及生成靜態網站。

除 React 之外,Vue.js 的好評度同時超過了 Angular 1 和 2,有 12K 的受訪者都表示打算學習 Vue.js,按照這個趨勢,明年最受歡迎的前端框架就是 Vue.js 也說不定呢。

狀態管理工具

0?wx_fmt=png

談到狀態管理工具的使用情況,REST API 毫無疑問摘得桂冠,支持者達到了 21K,接著是 Redux 和 Firebase。 GraphQL 令人印象深刻,有 14K 的受訪者表示會試一試,這意味著明年的結果可能會有所不同。

後端開發

0?wx_fmt=png

根據上面提到的 Stack Overflow 的結果,Meteor 還是挺知名的,但似乎沒有給這次的受訪者留下深刻的印象。這次排名,Meteor 排在了 Express 和 Koa 的後面,位列第三。

更多調查內容請檢視:

https://stateofjs.com/2017/introduction/


640?wx_fmt=jpeg640?wx_fmt=png0?wx_fmt=gif

相關文章