如何學習React,讓你快速掌握react,不迷路

  • 時間:2018-09-22 22:51 作者:學習每日一分享 來源:學習每日一分享 閱讀:117
  • 掃一掃,手機訪問
摘要:假如你是一個 React (或者者前臺) 新手, 出于以下的起因, 你可能會對這個生態圈感到困惑:React 的目標群體歷來是喜歡嘗試新事物的開發者和前臺專家.Facebook 只開源了他們在實際使用的, 因而他們沒有關注那些比 Facebook 小的工程需求.現有的 React 指引水平層次不齊.

假如你是一個 React (或者者前臺) 新手, 出于以下的起因, 你可能會對這個生態圈感到困惑:

  • React 的目標群體歷來是喜歡嘗試新事物的開發者和前臺專家.
  • Facebook 只開源了他們在實際使用的, 因而他們沒有關注那些比 Facebook 小的工程需求.
  • 現有的 React 指引水平層次不齊.

在本文中, 我會假設你已有使用 HTML, CSS 和 JavaScript 開發網頁的基礎.

如何學習React,讓你快速掌握react,不迷路

為什么要聽我的?

關于 React, 現在已經有大量的相互沖突的建議了, 為什么要聽我的?

由于我是在 Facebook 構建并開源 React 的最初成員之一. 現在我離開了 Facebook 并加入了一家初創公司, 所以我也不會站在 Facebook 的立場上來表態.

如何踏入 React 生態圈

所有的軟件都是建立在某個技術棧之上的, 你需要對整個技術棧有足夠深入的了解, 才能建造你的應用. 為什么 React 生態圈的工具似乎總讓人感覺壓力山大呢, 由于它總是以錯誤的順序被解釋:

你應該按照以下的順序進行學習, 而不是跳著學或者者同時學習:

  • React
  • npm
  • JavaScript “打包工具”
  • ES6
  • Routing
  • Flux

你不需要把這些都學完才去使用 React. 只要要在你遇到問題需要處理的時候, 才進入下一步的學習.

另外, 在 React 社區中, 有少量前沿主題是經常被提及到的, 以下的這些主題很有意思, 但也很難弄懂, 所以它們遠沒有上面的主題流行, 大多數應用也不需要用到這些.

  • 內聯樣式
  • 服務器端渲染
  • Immutable.js
  • Relay, Falcor 等

學習 React 本身

有一種常見的誤會是: 你需要花費大量時間在配置工具上, 而后才開始學習 React. 在官方文檔里, 你可以找到 copy-paste HTML template. 只要要保存為 .html 文件, 你即可以馬上開始學習了. 這個步驟不需要任何工具, 你也無需額外學習工具使用, 直到你能熟練掌握 React 基礎.

我仍然覺得, 學習 React 最簡單的方法是通過官方教程 the official tutorial.

學習 npm

npm 是 Node.js 包管理工具, 也是前臺工程師和設計師分享 JavaScript 代碼最流行的方式. 它包含了名為 CommonJS 的板塊系統, 讓你可以安裝 JavaScript 寫的命令行工具. 作為背景知識, 可以閱讀 這篇文章 理解 CommonJS 對于瀏覽器的重要性, 閱讀 CommonJS Spec Wiki 理解關于 CommonJS API 的更多內容

在 React 生態圈中, 大部分可重用的組件、庫和工具遵循 CommonJS 板塊規范, 可通過 npm 來安裝.

學習 JavaScript 打包工具

出于若干技術起因, CommonJS 板塊 (也就是 npm 里的所有內容) 不能直接用到瀏覽器. 你需要一個 JavaScript “打包工具(bundler)” 來把這些板塊打包成 .js 文件, 使你可以在網頁中通過

最新發布的資訊信息
【系統環境|服務器應用】Discuz發布帖子時默認顯示第一個主題分類的修改方法(2019-12-09 00:13)
【系統環境|軟件環境】Android | App內存優化 之 內存泄漏 要點概述 以及 處理實戰(2019-12-04 14:27)
【系統環境|軟件環境】MySQL InnoDB 事務(2019-12-04 14:26)
【系統環境|軟件環境】vue-router(單頁面應用控制中心)常見用法(2019-12-04 14:26)
【系統環境|軟件環境】Linux中的Kill命令(2019-12-04 14:26)
【系統環境|軟件環境】Linux 入門時必學60個文件解決命令(2019-12-04 14:26)
【系統環境|軟件環境】更新版ThreeJS 3D粒子波浪動畫(2019-12-04 14:26)
【系統環境|軟件環境】前臺開發WebStorm常用快捷鍵,火速收藏!(2019-12-04 14:25)
【系統環境|軟件環境】微博H5登錄和發微博組件(2019-12-04 14:25)
【系統環境|軟件環境】5分鐘談前臺面試,小伙伴都驚呆了(2019-12-04 14:23)
手機二維碼手機訪問領取大禮包
返回頂部
澳洲幸运10精准人工计划