React.js或簡單的React是用於開發Web應用程序的前端或GUI的領先JavaScript庫之一。在Facebook的支持下，React.js近年來實現了跨越式發展，併成為基於組件的GUI開發的事實庫。

雖然還有其他前端框架，如Angular和Vue.js，但React與其他框架的區別在於，它可能只關注基於組件的GUI開發而不會侵入其他領域。

例如，Angular是一個完整的框架，為您提供了許多開箱即用的功能，例如依賴注入，路由系統，表單處理，HTTP請求，動畫，i18n支持以及一個簡單的強大模塊系統延遲加載。

所以，如果你已經有了庫來做這些事情，或者你可能根本不需要它們，那麼React是一個很好的選擇。但是學習React並不是那麼容易，特別是如果你正在開始新的Web開發。

當我今年開始學習React時，我有一些Web開發的背景，之前使用過HTML，CSS和JavaScript，並且對前端開發有所瞭解。當我正在研究正確學習React的方法時，我遇到了這個優秀的React Developer路線圖，其中概述了什麼是強制性的，什麼是好的知識，以及一些額外的東西，你可以學習React開發人員。

因此，如果您想知道接下來作為React開發人員應該學習什麼，那麼這個路線圖可以幫助你。與DevOps RoadMap類似，這個React.js路線圖非常適合探索React，可以使用它來成為更好的React開發人員。

現在，讓我們一步一步地瀏覽Roa dMap，瞭解如何學習成為React開發人員的基本技能。

基礎知識

不管你要學習哪個 Web 開發框架或庫，都必須掌握基礎知識，如 HTML、CSS 和 JavaScript，這三個是 Web 開發的三大支柱。

HTML

HTML 是 Web 開發人員最重要的技能之一，因為它為網頁提供了基本結構。

CSS

CSS 用於設置網頁樣式，讓網頁看起來更好看。

JavaScript

JavaScript 讓網頁具備交互性。React 是基於 JavaScript 的，因此在學習 React 之前，你應該先了解 JavaScript。

通用的開發技能

無論你是前端開發人員還是後端開發人員，甚至是全棧工程師，都必須瞭解一些能夠讓你在編程世界中生存下來的通用開發技能。

學習 GIT

你必須在 2018 年完全瞭解 Git。嘗試在 GitHub 上創建一些存儲庫，與其他人共享你的代碼，並學習如何在你喜歡的 IDE 中克隆 Github 上的代碼。

瞭解 HTTP(S) 協議

如果你想成為一名 Web 開發人員，那麼瞭解 HTTP 絕對是有必要的。

我不是要你去閱讀 HTTP(S) 規範，但你至少應該熟悉常見的 HTTP 請求方法，如 GET、POST、PUT、PATCH、DELETE、OPTIONS 以及 HTTP/HTTPS 的工作原理。

學習終端

雖然前端開發人員學習 Linux 或終端並不是強制性的，但我強烈建議你熟悉以下終端，瞭解如何配置你的 shell（bash、zsh、csh）等。

算法和數據結構

好吧，這又是一個通用編程技能，成為 React 開發者不一定需要了解這些，但要成為真正的程序員，這是必備技能。

學習設計模式

就像算法和數據結構一樣，成為 React 開發者並不一定要學習設計模式，但學好設計模式會讓你變得更好。瞭解設計模式將幫你找到能夠經受住時間考驗的解決方案。

學習 React

你必須學好 React 才能成為一名 React 開發者。學習 React 最好的資源是它的官方網站，但作為初學者，它對你來說可能有點難。

學習構建工具

如果你想成為一名專業的 React 開發者，那麼你應該花一些時間熟悉一下你將作為 Web 開發者需要使用的工具，比如構建工具、單元測試工具、調試工具等。

以下是路線圖中列出的構建工具：

包管理器：

• npm
• yarn
• pnpm
• 任務執行器
• npm 腳本
• gulp
• WebPack
• Rollup
• Parcel

順便說一句，並非要學習所有這些工具，對於初學者來說，學習 npm 和 Webpack 應該足夠了。在你對 Web 開發和 React 生態系統有了更多的瞭解後，你就可以學習其他工具。

閱讀更多 傳智播客博學谷 的文章

關鍵字: 設計模式 HTML 表單