1.vue . j
就在兩年前，很難想象Vue.js能經受住快速發展的React系統的競爭。經過深思熟慮和時間考驗的角度是壹回事，但Vue.....我們沒想到這個開發環境會是前端技術工具列表中最好的。對於不熟悉Vue的讀者，先簡單介紹壹下它的制勝之道。
簡單易學，創建前端代碼的環境靈活，使得代碼編寫的錯誤率較低。Vue的開發者EvanYou曾經在Angular工作。他認定後者對於UI的構建是不必要的，也是繁瑣的，他大膽打造了壹個入門門檻低的前端創作方案，於是Vue出現了。它旨在幫助幾乎沒有編程經驗的設計人員將他們的全部工作投入到創建功能界面中。此外，Vue.js支持聲明式呈現、異步DOM更新、雙向數據綁定以及嚴格遵循Web組件規範和HTML模板的簡單集成。
2.有角的
雖然我們在2023年看到的Javascript庫的競爭趨勢是Angular和Vue.js之間的直接競爭，但前者的實用性在未來壹年不會降低。如果妳之前沒有用過Angular來工作(至少用Angular2)，那麽妳壹定很熟悉它的優點。讓我們開始吧。
這個框架需要Javascript，HTML和CSS。第二，它是團隊合作的理想選擇，因為它創建的應用程序可以清晰地劃分為組件——業務邏輯和前端。這是可能的，因為開發環境是基於MVVM(模型-視圖-視圖-模型)模式的。第三，Angular是創建可擴展應用程序的理想選擇，並支持與第三方庫的簡單集成。這種框架通常用於構建動態移動應用程序，因為它使用雙向數據綁定，這增加了具有豐富動畫元素的應用程序的響應能力。
現在，我們來討論壹下Angular的缺點。開發人員經常提到的壹點是移動設備上的高功耗(雖然與其他框架相比，這個問題可以通過正確的代碼優化來減少)和高入門門檻(如果妳從零開始使用Angular，妳應該準備花1.5到2個月的時間學習它的大量文檔)。喜歡“簡潔”Javascript編碼的開發人員是Angular的新手
3.GraphQL
GraphQL是壹種具有奇怪語法的API查詢語言，由臉書開發者開發。其目的是超越傳統RESTAPIs的功能，簡化多源傳輸的數據集。
我們來舉個具體的例子。假設您需要顯示壹個帖子和用戶偏好(喜歡、收藏等)的列表。)在妳正在構建的社交網絡框架中。就實現而言，這個例子很簡單，您只需要從下壹個數據庫端點發送壹個請求。然而，由於這些數據可能來自不同的來源(例如，如果帖子存儲在MongoDB或Redis中)，生成的應用程序將比舒適的工作慢得多。此外，如果妳考慮到數據的大小會隨著時間的推移而增加，所以妳需要更多的存儲空間，妳就會意識到RESTAPI遲早會耗盡效率。這就是GraphQL的用武之地，使用GraphQL而不是使用單獨的端點來訪問每個資源。您可以使用能夠同時處理涉及多個數據源的復雜查詢的單個端點。與REST模型相比，GraphQL是壹個智能的個人助理，它使用您指定的源地址來提供所需的內容。
4.蓋茨比（姓）
如果妳的預算很緊，但同時妳想在妳的項目中只使用先進的技術，那麽妳必須嘗試蓋茨比。Gatsby是KyleMatthews為靜態網站的創建而構建的新解決方案。
比同行如何？與Jekyll、Hugo或Hexo等流行的解決方案不同，這個靜態生成器不使用模板，而是依靠Webpack和React組件(註意React官網本身就是在Gatsby的幫助下編寫的)。因此，妳可以獲得自動更新和即時頁面轉換的優勢。從1.0版本開始，Gatsby就使用了上面提到的GraphQL。因此，在構建過程中，它可以從多個GraphQLAPI中獲取數據，然後使用它們來創建壹個完全靜態的React客戶端應用程序。現在，讓我們從無聊的功能列表轉移到真正的問題，看看蓋茨比是否適合妳。
5.故事書
Storybook是開發人員處理React的壹個有用的開源工具。特別是由於StoryBook，妳可以在壹個獨立的環境中設計和規劃應用程序之外的UI組件，並且它會在創建新的UI組件時發生變化。如果這個功能對妳來說不是很重要，我們來考慮壹下Storybook會幫助解決幾個嚴重問題的情況。
今天，許多有用的工具都支持簡單快速地創建功能性客戶機-服務器系統，包括著名的Meteor、Firebase、GraphQL和Falcor。計算機培訓發現，所有這些工具使編程過程變得簡單，應用程序可以快速響應。雖然React及其流行的reload功能對UI創作的開發者有很大的幫助，但是在設計階段仍然需要花費大量的時間和很多行代碼來編寫。