整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
佳 React 開發IDE：
互聯網上還有很多 的IDE和編輯器。我們為您收集了2022年React.JS開發的最佳IDE。在此集合中，您將找到可 幫助您簡化工作流程的 IDE。
Visual Studio
URL： https://visualstudio.microsoft.com/
Github： https://github.com/microsoft/vscode
Documentation： https://docs.microsoft.com/en-us/visualstudio
Price： FreeLanguages
： C， Python， .NET， Javascript， React through extensionsPlatform
： Windows， Mac， LinuxExtension
or Plugins：https://marketplace.visualstudio.com/
VS Code由Microsoft發布：該工具在開源MIT許可證下可用。由于其功能和自由度，VScode經常贏得最受歡迎的IDE的投票。Visual Studio Code IDE 可用于 Windows、Linux 和 Mac 操作系統。它不僅支持JavaScript和React，而且還支持Node.js，TypeScript，并附帶了其他語言的整個擴展生態系統，包括C++，C #，Python，PHP和（當然）.NET。
VS Code是一個很好的IDE，可以啟動您的工作，因為它支持許多編程語言，并且具有許多功能，可以幫助您完成整個過程。
主要特點：
當然，您可能不需要VS Code的所有功能（如果您喜歡任何嚴肅的東西，這不太可能），因此可能想要選擇其他東西，但是這個東西在所有情況下都適合我。
當然，我們還沒有列出所有的功能，很可能你不會全部使用它們，但是這些東西在 React 開發方面效果很好。
如果我們看看VS Code和React這樣的東西，那么VS Code可以配置為一個非常高效和高效的機器，以加速開發，這要歸功于它的插件。其中一些插件增強了javascript編程;其中許多專門增強了 react、redux、react native 等的開發體驗。
請注意，通過使用無數的插件，您可以更改整個編碼過程并大大加快開發過程。
優點
缺點
值得注意的擴展
React.js Starter Kit 是在 Bootstrap 的幫助下構建的 react 應用程序前端初學者工具包。它是一個跨平臺的項目模板，由 Node.js 提供支持 - 基于 Gulp、Webpack、BrowserSync、Karma、Protractor 等開發工具，可加快 React 項目初始化速度。
顯然，React Snippet Pack 是一個用于 React JavaScript 框架的代碼段包。
WebStorm
URL： https://www.jetbrains.com/webstorm/
Github： –
Documentation： https://www.jetbrains.com/help/webstorm/meet-webstorm.html
價格： 9/year
語言： Angular， React， Vue， Node.js， Ionic， React NativePlatform
： Windows， Mac， LinuxExtension
or Plugins：https://plugins.jetbrains.com/webstorm
當然，我們不能不提到WebStorm——可能是最先進、最受歡迎的Web開發工具。這個強大的 JavaScript 開發 IDE 具有許多有用的功能，如智能編碼輔助、代碼完成、錯誤檢測以及針對多種語言（如 JavaScript、Node.js、HTML 和 CSS）的重構。創建此IDE的公司稱為JetBrains。
Webstorm IDE 的質量體現在它被絕大多數大型組織使用的事實中。
特征
最好的功能之一是，默認情況下，WebStorm配置為在您處理文件時自動保存文件，當您切換到其他IDE時，您會感受到WebStorm的美麗。另一件好事是，WebStorm有一個內置的版本控制系統，每次保存文件時都會提交。它與 Git 提交是分開的。
優點
缺點
如果您正在尋找一個成熟的平臺，這可能是正確的選擇，因為它以其過去15年的出色開發功能而聞名。
在 React 開發方面，有以下特性：
我們認為 WebStorm 是市場上 React 開發中收入最高的 IDE，這要歸功于它的許多功能、插件和良好的文檔。
Reactide
URL： https://reactide.io/
Github： https://github.com/reactide/reactide
Documentation： –
Price： Free， open-sourceLanguages
： ReactPlatform
： macOS， Windows， UbuntuExtension
or Plugins： none
Reactide 是為數不多的、也是第一個專門用于 React 開發的 IDE 之一。它是一個跨平臺的桌面應用程序，提供了一個自定義模擬器，使得構建工具和服務器配置變得不必要。
特征
優點
缺點
如果你想快速開發一個 React 項目或更改它，那么沒有比 ReactIDE 更好的工具了。該工具運行迅速，并具有許多專門用于 React 開發的功能。
Vim Editor
URL： https://www.vim.org/
Github： https://github.com/vim/vim
Documentation： https://www.vim.org/docs.php
價格： FreeLanguages
： 幾乎所有
平臺： Linux， macOSExtension
or Plugins： https://vimawesome.com/
Vim 是一個非常古老的 IDE。好吧，至少作為一個IDE。這是一個非常高級的文本編輯器，你永遠不會讓喜歡它的開發人員離開它，強迫他們切換到VScode或WebStorm。Vim因其配置屬性而在開發人員中非常知名。它是免費的，高度可定制的。
Vim具有搜索和語法突出顯示功能，并且超級輕量級。因此，它可以處理非常非常大的文件。但是，設置Vim需要很長時間。該工具具有圖形界面，但是 - 您可能已經猜到了 - 它需要自定義。即使鼠標要工作，您也需要出汗。默認情況下，Vim 由鍵盤和鍵盤快捷鍵控制。Vim可以是一個偉大的IDE，如果你自定義它，并熟悉它內外。但如果時間緊迫，這可能不是最佳選擇。
特征
優點
缺點
支持Vim的一個重要細節是，頂級公司的大量工程師使用VIM，例如Facebook。
用于 React 開發的著名插件
vim-jsx — JSX 的語法突出顯示和縮進。
vim-react-snippets — Vim 與 Facebook 的 React 庫配合使用的一組片段。
vim-babel — Vim 與 Facebook 的 React 庫配合使用的另一組片段。
GNU Emacs Editor
URL： https://www.gnu.org/software/emacs/
Github： https://github.com/emacs-mirror/emacs
Documentation： https://www.gnu.org/software/emacs/documentation.html
價格： FreeLanguages
： Language agnosticPlatform
： GNU， GNU/Linux， FreeBSD， NetBSD， OpenBSD， MacOS， MS Windows and SolarisExtension
or插件： https://github.com/emacs-tw/awesome-emacs
GNU Emacs是一個文本編輯器，帶有基本的用戶界面，但功能非常有用。該工具屬于以其可擴展性而聞名的文本編輯器系列。GNU Emacs對于那些知道如何使用Vim編輯器的人來說將非常熟悉。這個編輯器可以被稱為最簡單的編輯器，但是，它沒有錯過任何重要功能。
特征
優點
缺點
至于 React，Emacs 確實需要一些工作和插件才能真正讓它高效地工作。
擴展
web-mode.el — 它是一種自治的 emacs 主要模式，用于編輯 Web 模板。它與包括JSX（React）在內的許多語言兼容。
Spacemacs Editor
URL： https://www.spacemacs.org/
Github： https://github.com/syl20bnr/spacemacs
Documentation： https://www.spacemacs.org/doc/DOCUMENTATION.html
價格： FreeLanguages
： 幾乎與語言無知
的平臺： Windows， Mac， LinuxExtension
or Plugins： –
尋找Emacs和Vim的最佳組合，這是將為您提供最佳服務的編輯器。Spacemacs是一個社區驅動的Emacs發行版，因此是最好的編輯器，從Emacs和Vim中獲取了最好的。
特征
優點
缺點
Emacs依賴于社區編寫的開源軟件包，基本上每種語言的每個IDE功能。我們認為這很棒：您可以自己開發軟件包。肯定有一個學習曲線，但也有一些非常好的工具可以幫助自己在emacs中定位自己。
擴展
React layer — React 的 ES6 和 JSX ready configuration layer。它將自動識別 .jsx 和 .react.js 文件。一個用于 React 集成的包層。
URL： https://www.sublimetext.com/
Github： https://github.com/SublimeText
Documentation： https://www.sublimetext.com/docs/
價格： > $0 — $99< —
語言： 幾乎與語言無關
平臺： Windows， Linux， macOSExtension
or Plugins： 沒有一個目錄，但有很多插件
Sublime Text是幾乎每種語言的強大文本編輯器。它輕量級，功能豐富，并在流行的平臺上受支持。用戶只需要一個許可證即可在任何計算機上使用崇高文本。該工具速度很快，與多個工具集成，并支持React和React Native以及所有Web編程語言。崇高文本提供了強大的插件支持，以增強編輯器的功能。它目前在Windows，Mac和Linux上可用。
Sublime文本編輯器的功能可以使用插件進行擴展和調整。在實踐中，許多JS插件有助于將Sublime Text變成一個優雅的Javascript IDE。
Sublime Text使用針對速度和美觀性進行了優化的自定義UI工具包，并利用了每個平臺上的本機功能。
特征
優點
缺點
我們并不是使用Sublime進行REACT開發的忠實粉絲，因為還有其他更好和免費的選項可用。如果你已經在組織中使用Sublime，并且想要在你的項目中包含React，這絕對是一個不錯的選擇，不需要撓撓頭去尋找其他任何東西。
包
react-native-snippets — 它是 React-native 的 Sublime Text Snippets 的集合
babel-sublime — 帶有 React JSX 擴展的 ES6 JavaScript 的語法定義。
URL： https://rekit.js.org/
Github： https://github.com/rekit/rekit
Documentation： https://rekit.js.org/
價格： FreeLanguages
： ReactPlatform
： WebExtension
or Plugins： https://rekit.js.org/docs/plugin.html
Rekit 是一個專門用于使用 React 開發應用程序的 IDE。它既可以用作IDE，也可以用作工具包，可用于使用React，React路由器和Redux開發Web應用程序。Rekit studio在節點服務器上運行，是一個npm包，因此，它在瀏覽器中運行。開發人員可以利用 Rekit Studio 的許多功能，包括代碼編輯、代碼生成、依賴關系圖、重構、生成、單元測試以及更簡單的代碼導航方法。我們喜歡Rekit的主要功能是每個React應用程序都有自己的Rekit工作室，因此事情仍然簡單可控。但是，我們不建議將 Rekit 用于企業級 React js 開發。
特征
URL： http://brackets.io/
Github： https://github.com/adobe/brackets
Documentation： http://brackets.io/docs/current/modules/brackets.html
價格： FreeLanguages
： JS， Ruby， Python， Perl， etc.
平臺： Windows， Linux， macOSExtension
or Plugins： https://registry.brackets.io/
Brackets是一個非常輕量級和閃電般的Web開發IDE，但看起來更像是一個源代碼編輯器。它是主要為Web開發人員構建的IDE之一。支架具有巨大的插件支持，并且完全免費使用。由Adobe Systems創建，這個開源軟件可以幫助您使用所有Web編程語言構建代碼。Brackets 適用于 Mac、Windows 和 Linux。功能查找和快速項目切換是它提供的一些顯著功能。
特征
優點
缺點
在 react 方面，有一些插件可用于增強 Brackets 功能，以便使用 React 組件進行快速開發。
括號是最好的Web IDE，如果你正在尋找一個理解網頁設計的編輯器。它附帶了一套很好的可視化工具，例如網站表單創建者或其他預處理器支持。它是由網頁設計師為網頁設計師創建的。
注意：Adobe 將于 2021 年 9 月 1 日結束對 Brackets 的支持。如果您想繼續使用、維護和改進 Brackets，可以在 GitHub 上分叉該項目。
URL： https://atom.io/
Github： https://github.com/atom
Documentation： https://atom.io/docs
價格： Free， open-sourceLanguages
： most JavascriptPlatforms
： Windows， Linux， macOSExtension
or Plugins： https://atom.io/packages
如果你在Github上開發一個Web應用程序，那么沒有比Atom更好的IDE了。這個開源編輯器是由GitHub開發的，因此與該平臺密切相關。Atom也是一個完全正常的Javascript編輯器，借助于可以實現的Web項目。Atom擁有廣泛的社區支持，可以傾聽并處理反饋。它可以在Windows，Linux和macOS上使用，并具有龐大的軟件包存儲庫，以滿足開發人員的需求。
特征
優點
缺點
Atom是真正可破解的，可以使用大量基于Node.js的插件進行定制，以擴展atom功能以滿足您的需求。由于來自不同社區的大力支持以及令人敬畏的UI界面和功能，它吸引了很多開發人員。
包
選擇正確的 IDE 將對您作為開發人員的性能產生非常大的影響。每個 IDE 都有自己的一組功能、優缺點，這些特性和優缺點是它們之間的區別。我們還討論了用于開發 React 應用程序的所有最佳 IDE。如果你遷移到 IDE 來幫助你進行 React 開發，我們保證你不會回到普通的編輯器。
希望您能為下一個Web開發項目找到合適的一個。畢竟，編寫代碼的是開發人員，而不是IDE。
ngularJS 是一個開源的前端框架，用于開發動態網頁，該框架使用 JavaScript 編程語言。借助 AngularJS，可以實現跨瀏覽器、交互式和用戶友好的 Web 應用程序。此外，與其他框架相比，該框架分析頁面 DOM 并有助于減少代碼長度。因此，由于這些原因，AngularJS 受到許多公司的開發人員的青睞。
但是如果沒有集成開發環境，就不可能用更少的代碼開發出高質量的應用程序。因此，一些 IDE 應運而生。Angular IDE 簡化了開發人員所需的工作，并且可以在短時間內提供最佳結果，這里是適合開發人員的最佳 IDE。
1. WebStorm
這個功能強大的代碼編輯器由 Jetbrains 開發。借助其內置的 TypeScript，您可以輕松開發 Angular 2 應用程序。您不必依賴外部插件，因為它允許使用其純 Vanilla JavaScript 編譯代碼。
WebStorm 支持 HTML、JavaScript、Node.js 和 CSS。您可以確保在使用 WebStorm IDE for AngularJS 開發的應用程序中進行穩健的導航和重構。此外，它還允許通過智能編碼與 Visual Studio 代碼集成。
2.Sublime Text
許多開發人員使用此文本編輯器，因為它可以靈活地適應任何編程環境。此外，它輕量級且穩定，允許開發人員自由有效地編碼。 Sublime 能夠一次運行多個文件并且不會導致任何問題。此外，它在檢查正則表達式和區分大小寫的字符時執行準確。
Sublime 支持 TypeScript 代碼編輯并優化應用程序或網站中的自定義功能。開發人員不必為不同的平臺編寫代碼，因為在 Sublime 的幫助下，他們可以輕松地進行跨平臺編輯。
3. Brackets
Brackets 是開發人員中著名的源代碼編輯器。它支持跨平臺開發，并允許 HTML、CSS 和 JavaScript 編輯功能。除了支持多種語言外，它甚至對于新手程序員來說也是一個很好的 IDE。您可以在其中使用不同的插件來支持各種語言的附加功能。
您可以通過代碼的實時預覽進行實時編輯。因此，憑借許多有用的功能，此 IDE 使應用程序構建過程變得簡單而富有創意。這就是為什么它也被稱為具有可視化工具的現代編輯器。
4. Atom
Atom 由 GitHub 發布，它在這個 IDE 中為 Angular 開發人員帶來了定期更新。您可以將它用于 Android、Mac、Linux 和許多其他操作系統。憑借其靈活的編程環境，開發人員可以實現他們的工作方式并有效地滿足開發要求。
自動代碼提示、靜態類型檢查和代碼自省功能使開發人員的工作變得簡單，以便他們可以更準確地改進代碼。您還可以進行簡單而有吸引力的修改，例如背景顏色。
5. Aptana Studio
它是一個開源 IDE，適用于許多最好的前端框架。 Aptana 是 Eclipse 的定制版本，專注于 JavaScript、CSS 和 HTML。它包含幾個插件，以允許在應用程序開發中進行不同的擴展。您甚至可以將它們用于不同的框架和庫。
許多開發人員將它用于 AJAX 應用程序，但現在他們也更喜歡它用于其他類型的應用程序。它由一個集成調試器組成，有助于節省開發人員使用外部調試器的時間。借助 Eclipse Marketplace，您可以輕松安裝 AngularJS Eclipse 并將其用于開發。
6.Visual Studio 代碼
它由 Microsoft 為 Linux、Windows 和 OS X 開發。Visual Studio 具有代碼重構功能，它是一個功能強大的 AngularJS IDE，可為 Web 開發提供持續的幫助。
語法高亮和代碼片段使許多新手開發人員的開發變得容易。此 IDE 支持多種語言，許多大型 AngularJS 開發公司選擇它以進行快速調試和輕松定制。
7.ALM IDE
您可以使用它在 TypeScript 項目中快速開發，并且在單個 NPM 命令的幫助下，您可以完成它的安裝。您可以使用 ALM IDE 避免常見的 UX 錯誤，因為它易于使用并消除了使用 TypeScript 的所有障礙。
ALM IDE 是輕量級的，專為 TypeScript 制作，您可以通過其功能理解。它基于云并支持許多瀏覽器。
這些是一些可以簡化 AngularJS 開發人員工作的優秀 IDE。 對于按需應用程序，這種前端框架一直是至關重要的選擇，因為它的 IDE 有助于通過簡單的編碼開發定制產品。
了解更多
020 年的技術熱潮之下，我們該如何迎刃而上，需要具備哪些技術棧？如果你是一名前端開發者，不妨通過本文了解頂級的 JavaScript 框架以及未來趨勢預探，來升級自己的技能吧！
作者 | Eric Elliott
譯者 | 蘇本如，責編 | 屠敏
頭圖 | CSDN 下載自視覺中國
出品 | CSDN（ID：CSDNnews）
以下為譯文：
如果你想找到一份很棒的JavaScript工作，或者趕上2020年的重要技術，以及今后十年的重要技術，那么這篇文章就是為你準備的。本文的重點不是告訴你哪些技術堆棧和框架是“最佳”，最受大家喜愛或者最受歡迎的技術，而是告訴你哪些技術堆棧和框架能夠為你提供在2020年及以后獲得一份出色工作的最佳機會。
我們將研究以下不同來源的數據：
谷歌搜索的趨勢：https://trends.google.com/trends/
State of JS調查報告：https://2019.stateofjs.com/
Stack Overflow調查報告：https://insights.stackoverflow.com/survey/2019
Npm下載量：https://npm-stat.com/charts.html?package=react&package=vue&package=%40angular%2Fcore&package=svelte&package=jquery&from=2015-12-30&to=2019-12-30
Indeed.com上發布的空缺職位總數：https://www.indeed.com/
這些指標都不是完美的，但就本文的目的而言，npm下載次數和Indeed.com職位發布數量應該給予最大的權重，當我們綜合考慮這些指標時，它們可以清晰、一致地描繪JavaScript技術的前景和趨勢。根據這些指標選擇一個學習框架是一個好主意嗎？那首先要取決于你的目標是什么。
因為我們有一個明確的目標：求職者學習的投資回報率。這就使得這項任務比告訴你什么對每個人都是最好的要容易得多。雖然沒有一種方法是萬能的，但客觀地定義什么可以最大程度地實現特定的具體目標是很容易的。讓我們來看看一些數據。
首先，學習JavaScript
在你過多地擔心技術堆棧之前，請先學習JavaScript以及如何使用它來編寫軟件。如果你無法解釋什么是函數組合、對象組合和模塊，請從這里開始。所有的軟件開發都是某種組合：我們把一個大的、復雜的問題分解成一些小的問題，然后使用軟件構建塊（如函數、對象、模塊等等）來解決它們。我們將這些解決方案組合起來形成我們的應用程序。從2020年開始，請充分理解JavaScript和軟件組合。
React在2019年占據主導地位，2020年可能繼續
我喜歡npm下載量這個指標，因為它很好地表明了框架的活躍使用情況（*）。行業常用框架統計給于npm下載量的權重非常之高，原因是因為用戶需要在其本地機器上運行npm install。
此處jQuery被排除在外，原因是許多jQuery項目都是不使用npm的舊項目，因此無論如何它都會被嚴重低估。Svelte被包括進來，是為了提供一些有關其在市場上的相對地位的見解，并解釋其在其他圖表中的缺失。目前還沒有足夠的數據讓Svelte在圖表中顯示有意義的內容。例如，在Google搜索趨勢中，它還不是一個可用的主題。
空缺職位總數
下面這張圖表顯示了各特定框架的當前空缺職位總數統計（*）：
2019年12月各UI框架空缺職位統計（數據來源：indeed.com）
與去年相比，React擴大了領先優勢，而Angular和jQuery都輸給了Vue。下面是一個餅圖，顯示了每個框架的相對就業市場份額：
頂級框架的就業市場份額
JavaScript開發人員的平均工資在2019年再次增長，從每年的11.1萬美元增加到每年的11.4萬美元（這里是數據來源）。
（*）統計方法：職位搜索是在indeed.com網站進行的。為了排除誤報，我將搜索與關鍵字“software”配對，以增強其相關性，然后乘以~1.5（大致相當于使用“software”和不使用“software”的編程職位列表之間的差異）。所有搜索結果頁（SERPs）都按日期排序并抽查其相關性。得到的數字并非100%準確，但對于本文中使用的相對近似值來說，它們已經足夠好了。
谷歌搜索趨勢
數據來源：https://trends.google.com/trends/explore?date=2017-01-01%202019-12-01&q=%2Fm%2F012l1vxv,%2Fg%2F11c6w0ddw9,%2Fg%2F11c0vmgx5d,%2Fm%2F0268gyp
正如你所料，搜索興趣（*）反映了就業市場份額，但存在一些有趣的差異。我們可以清楚地看到，從2017年到現在，人們對jQuery的興趣在減弱，并且Vue.js搜索興趣正在強勁增長。以下是各框架在谷歌搜索統計中所占的份額：
上圖與職位空缺的統計結果一致：React擁有強大的領先優勢，吸引了36%的前端框架搜索量，其次是Angular（約占27%）和jQuery（約占25%）。對Vue.js的搜索興趣遠遠大于它在就業市場的份額，但該數據與排名中的就業市場數據基本一致。看來我們已經成功地證實了這一點。
（*）統計方法：對于所有搜索，數據都是按主題收集的，而不是按搜索詞收集，以便從無關的關鍵字匹配中剔除誤報。
未來值得關注的框架
現在更多的職位需要具有React框架技能，而不是其他受歡迎但使用不那么廣泛的框架，如Svelte或Vue，這兩個框架都有很高的滿意度，但行業采用率相對要小得多。
學習Svelte或Vue框架可能會很酷。但是如果你的目標是找到一份工作，那么如果先學習React，你會有更好的機會。
話雖如此，在《2019年JavaScript狀態調查報告》中，Svelte和Vue的用戶滿意度得分都非常高。在過去，React框架的高用戶滿意度得分預示了它相對于Angular框架的快速增長。Angular框架在當時也占據了主導地位，但其用戶滿意度得分卻相對較低。
在2019年，React框架的用戶滿意度排名最高，達到89%。緊跟其后的包括Svelte（88%）和Vue.js（87%，低于上一年的91%）。Svelte或Vue不太可能會搶走足夠的React用戶，但是許多仍在使用Angular和jQuery的用戶，他們可能會轉而使用Svelte或Vue，從而在2020年推動這兩個框架的進一步強勁增長。
可以肯定的是，掌握React框架將會增加你的機會，幫助你在2020年找到并守住一份很棒的工作。
TypeScript vs JavaScript
毫無疑問，在過去幾年中，TypeScript的發展非常迅速，根據JavaScript現狀調查報告(State of JS Survey)，89%的TypeScript用戶會再次使用它，66%的調查對象要么使用TypeScript，要么對使用TypeScript感興趣（比最低年份的71%略有下降）。
但是，盡管人們的興趣確實很強，并且使用率似乎正在迅速增長，但在就業市場上，擁有TypeScript方面的經驗還不是很搶手。只有大約7％的JavaScript空缺職位的職位描述中提到TypeScript（數據來源）。這個數字對TypeScript的職位需求可能有些低估，因為招聘經理們希望JavaScript開發人員能夠輕松地使用TypeScript，因此他們有可能不會在工作崗位描述中提及TypeScript。
我堅持認為TypeScript語言的投資回報率可能較低甚至為負。它可能會損害而不是提高你的生產率，并且，如果你已經在使用諸如TDD，代碼審查和設計審查等優秀的缺陷預防工具，那么使用TypeScript編寫代碼不太可能帶來明顯的降低缺陷的好處。
話雖如此，TypeScript有很多值得熱愛的地方，你當然不應該害怕它，或者拒絕一份工作，僅僅因為它們使用的是TypeScript而不是JavaScript。另外TypeScript是JavaScript的超集，因此從JavaScript轉到TypeScript并不像學習完全不同的語言那樣具有挑戰性。
你可能不需要學習TypeScript語言就可以在2020年的就業市場競爭中脫穎而出，但是TypeScript引擎非常有用，即使對于標準JavaScript也是如此。
我每天都使用TypeScript引擎為使用VS Code編寫的標準JavaScript提供智能感知（Intellisense）。甚至可以使用JSDoc（TypeScript引擎能夠理解和解釋JSDoc，就像解釋類型注釋一樣）或外部d.ts文件來增強這種智能感知，并且VS Code將自動獲取你使用的模塊的TypeScript定義。
多年來我一直使用并享受TernJS和Atom的組合帶來的類似的好處，但是這種組合缺少TypeScript引擎 + VS Code的維護和社區支持。
如果您尚未嘗試使用Visual Studio（VS） Code，你可能要從那里開始。順便說一句，根據JS現狀調查的受訪者的反饋，VS Code占據了JavaScript IDE市場的主導地位，市場份額為57%，其次是WebStorm，市場份額為14％。
數據管理
Redux在狀態管理器的競賽中仍然處于領先地位，但是GraphQL和Apollo在滿意度和興趣上都有所提高。預計GraphQL在2020年將持續增長。
也就是說，即使你在使用GraphQL，我仍然認為有充分的理由來學習Redux狀態管理，而且我認為每個人都會從學習Redux中受益，即使他們不使用這個框架。
GraphQL是近年來流行的一種查詢語言。它具有簡單的語法，但是因為它是跨整個堆棧使用的，并且學習它需要學習如何將它連接到數據存儲層，因此集成起來可能令人生畏，但值得付出努力。
GraphQL不會在短期內完全取代JSON REST API，但是它在2019年的增長很快，我預計其強勁增長將持續到2020年。
后臺框架
Express是占主導地位的Node框架，它的滿意度非常高，到2020年也不會有強勁的挑戰者，但是隨著無服務器（serverless）的興起，我希望隨著新的十年的到來，Express的統治地位將逐漸下降。
Next.js是一個全棧React框架，最初是在Express之上構建的，但此后從Express切換到無服務器和靜態優化，它像發瘋似地快速增長起來。
當我們將EricElliottJS.com從Express切換到無服務器的Next.js時，我們的主機托管費用減少了90％，并且頁面加載速度變得更快。所以我無論多么強烈推薦它都不過分。現在，對于所有的應用程序，我們都使用了Next.js和Zeit托管。
測試
Jest和Cypress分別在單元測試和功能測試中最受歡迎，但是我非常喜歡RITEWay和TestCafe。RITEWay是一個測試框架，它始終回答每個單元測試必須回答的5個問題。
TestCafe和Cypress一樣，是一個功能測試工具。有了它，你就不再需要和Selenium抗爭，它具有更好的跨瀏覽器支持和出色的測試記錄器/集成開發環境（IDE）。我強烈建議QA團隊嘗試TestCafe。
功能性工具
Lodash，Ramda，Immer，Redux和RxJS是我經常使用的功能性工具。
Ramda在2019年取得了長足發展，并提供了Lodash所不具備的一些特性，包括lense和transducer。RxJS通過其管道化運算符提供了transducer樣式功能。
Immer使得在JavaScript對象上操作因無需對其進行轉換而變得更加容易。Redux是一個狀態管理工具。
2020年的科技預覽
在未來十年，有幾項新興技術將對人類生活產生巨大影響。以下是這些技術的最新概況：
人工智能
人工智能可能是有史以來最具變革性的技術。許多學者和自以為是的億萬富翁們都將人工智能描述成一個神奇的烏托邦，或者說是人類的末日。
正如我們所知，它當然可能是人類的終結，但也可能是人類和機器之間完美合作的開始。我們才剛剛開始對人工智能可能會變成什么樣有了粗淺的一瞥。其中有些很嚇人（比如deep fakes換臉術），有些則非常有用（比如Adobe Premiere為視頻編輯新推出的自動重構（auto-reframe）功能）。到目前為止，事實是人工智能既令人難以置信的可怕，又非常有用。人工智能將繼續產生一些令人恐懼的東西，但是通過人工智能改善人類生活的潛力也是巨大的。潘多拉的盒子已經打開，再也無法關閉了，所以我希望你能好好利用它來解決重要問題，改善我們的生活。
2019年人工智能領域有許多重要突破。近年來，研究團隊一直在各種視頻游戲中爭奪超人的表現，但某些類別的游戲仍然對人工智能構成挑戰，包括《星際爭霸II》之類的長期戰略游戲。DeepMind的AlphaStar程序（一種人工智能）已經在官方的Battle.net服務器上使用與人類玩家相同的資源，達到了頂級玩家的水平。《星際爭霸》是一款復雜的游戲，涉及長期的戰略思維，一度被認為超出了人工智能的能力。戰略思維是走向通用人工智能的重要里程碑。
如果這些游戲看起來像是愚蠢地使用了資源，那么不妨考慮一下，像DeepMind這樣的項目在文本到語音方面也取得了令人難以置信的進步，這可以讓人工智能代理和私人助理發出更自然的聲音，而且更重要的是，可以把聲音還給失去它們的人類。
人工智能還被用于診斷癌癥、預測蛋白質折疊（可用于了解疾病和發現新藥）、恢復殘疾人的肢體控制、生成逼真的照片等（資料來源：https://www.stateof.ai/）。
無人駕駛汽車在變革性的人工智能技術中應該有自己的一席之地。這個生態系統中的主要參與者包括Cruise、優步、Waymo、Nuro、Aurora、福特等。現在它還處于初期，過分樂觀已經給這個行業帶來了真正的問題，但毫無疑問，我們將在21世紀20年代看到超越人類的自動駕駛能力。在2015年的時候，我對無人駕駛做出了如下預測：
“到2045年，一個人駕駛的小車看起來就像一匹馬拉著的輕便馬車。”
5年后，我想我可能低估了無人駕駛汽車的上市速度。2018年，Waymo汽車的行駛里程超過100萬英里，美國24個城市的公共道路上都有無人駕駛汽車在行駛。今天，我預計到2025年，來自多家制造商的多種車型將實現5級完全自動駕駛。請關注特斯拉、通用、福特和寶馬。
在過去的十年中，人工智能研究論文的發表量增長了10倍，現在人工智能正把實用、有幫助的工具交到主流用戶手中，預計這一趨勢將持續到新的十年。
我們已經開始看到人工智能做了很多幾年前大多數人都不敢相信的事情。期待人工智能在下一個十年創造出更加驚人的奇跡。
區塊鏈和加密貨幣
2019年是區塊鏈和加密貨幣領域具有里程碑意義的一年。區塊鏈技術開始進入主流。我預計2020年會有更多的增長和主流采用。
DeFi（去中心化金融）爆炸式增長，實現了用戶友好，無許可，無銀行借貸。目前DeFi合同的總金額已經有6.5億美元（包括4.5億美元的無銀行貸款），而2019年只是這項技術可用的第一年。隨著越來越多的人投資于加密貨幣，我預測未來會有更多的加密貨幣支持的DeFi貸款。
人們可以在不犧牲其加密投資機會成本的情況下獲得流動性，或使用DeFi貸款以杠桿效應投資加密貨幣（增加其投資的風險/回報）。
加密貨幣和區塊鏈技術正在突破主流。比特幣和以太坊的每日活躍地址在2018年1月達到峰值，隨后一年由于市場低迷而興趣減弱（每上漲10倍，加密貨幣的價格就會大幅回落，然后在下一個周期比之前的峰值再高出10倍）。
比特幣和以太坊區塊鏈上的每日活動地址統計（數據來源：https://coinmetrics.io/charts/#assets=btc,eth_log=false_roll=90_left=AdrActCnt_zoom=1279411200000,1577836800000）
Square的Cash App擁有超過1000萬次的安卓版下載量。用戶可以在一個擁有出色用戶體驗的簡單應用程序中購買、出售、發送和接收比特幣。
Coinbase的安卓版下載量超過1000萬次。
Brave推出了內置以太坊錢包，每月活躍用戶（MAU）的數量從10月的870萬增加到11月底的1040萬。
借助Sliver.tv和DLive，2000萬視頻游戲迷正在使用Theta網絡進行分散流媒體播放。
2019年我最喜歡的變化是Fortmatic的引入。無論你是否正在構建加密應用程序，你都可以使用Fortmatic來替代你的用戶身份驗證并提高安全性、你還可以擺脫供應商鎖定，并添加諸如端到端加密、簽名事務等功能。
如果你打算在2020年構建一個新的應用程序，考慮使用Fortmatic，而不是重復使用你自己的用戶名/密碼認證（2020年應該沒有人再這么做），或者將身份認證授權給谷歌、Facebook等。
我寫過一篇文章，討論如何利用加密技術來改善應用程序的身份驗證和安全性。我很期待看到主流應用在2020年采用像Fortmatic這樣的技術。
以太坊在2019年輕松贏得了智能合約平臺競賽。我預計它將在2020年繼續占據主導地位。
擴展現實（XR）
從2015年開始，我每年都會寫一篇關于對AR（增強現實）的期許的文章，從小我就一直夢想著它的實現。未來，擴展現實（XR）將取代手機。這只是時間問題。但是還需要多久是個懸而未決的問題。但現在看來這種轉變可能在未來十年內出現。甚至可能在未來5年內開始。
由于虛擬現實（VR）和增強現實（AR）之間的界限已經模糊，因此業界現在將整個領域稱為擴展現實（XR）。自推出以來，ARKit和ARCore（蘋果和谷歌的增強現實SDK）增長量驚人。從2017年到2019年5月，每月活躍用戶從4,700萬增長到了1.5億。
WebAR在2019年站穩了腳跟，并且有可能在2020年繼續增長。如果你好奇的話，可以查看AR.js、React 360或Viro React。
硬件方面也有了長足進步。HoloLens 1在2016年首次發布開發者版本時，售價約為5,000美元。在那以后發生了什么？
HoloLens 2仍然只售3,500美元，而且還沒有為消費者做好準備。剪輯、防抖動和漂移、視場等方面仍然存在問題，你不會想整天穿著這些東西。不過，由于99美元/月的定價，獲得一個開發者版本變成了一個可能性，即使你不得不在等待名單等上一段時間。
無人機
大約200萬架無人機已經在美國售出，它們已經改變了建筑、地理調查、測繪、電影、航空攝影、農業、環境科學和娛樂業。很有可能，商用無人機的交付最終將于2020年在美國實現。。
FPV無人機比賽是我最喜歡的觀賞性體育運動，無人機比賽聯盟的直播流比賽也是。如果你想了解它是什么樣的，他們也有一個精心設計的模擬器。
所有這些新的無人機活動都需要很多軟件，包括圖像處理、無人機地圖軟件、交付飛行計劃、遙測記錄和處理、分析、工業應用集成等。
無人機和人工智能也有很多重疊之處。自動飛行的無人機需要圖像處理、避免碰撞等。
結論
21世紀10年代給我們帶來了許多變革性的技術，它們當中的許多我們已經視為理所當然，但是產生了巨大影響：
Spotify
優步
虛擬助理
無線耳塞
主流虛擬現實
增強現實（如在突破命中游戲“神奇寶貝”中所用）
價格合理的特斯拉
共享經濟（汽車、踏板車、自行車）
主流平板電腦
主流生物識別技術（觸摸識別、面部識別）
眾籌
我迫不及待想看到你在新的十年里的發展。
讓我們變魔術吧！
原文：https://medium.com/javascript-scene/top-javascript-frameworks-and-topics-to-learn-in-2020-and-the-new-decade-ced6e9d812f9
本文為 CSDN 翻譯，轉載請注明來源出處。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
