《React+Redux前端開發實戰》—1 React入門

第1章? React入門

React開源于2013年5月，一發布就引起了開發者廣泛的關注和認可。截至筆者寫作本章內容，React在GitHub上面的star數量已經達到129680。這是一個非常龐大的star數量，在主流javaScript（簡稱JS）庫中排名第二。其后來衍生的React Native在開源的第一天在GitHub上面的Start數量就達到了5000個，由此可見其受歡迎的程度非同凡響。本章將帶領讀者正式踏入React的世界。通過本章，讀者將學會如何在現代前端工程項目中使用React開發簡單的組件，同時也會了解React的基本設計思想。

假如讀者之前接觸過jQuery之類直接操作DOM（Document Object Model，文檔對象模型）的JS寫法或其他JS庫，現在起，請跳出以往的思維，擁抱React的理念和思想。

1.1? 開始學習React之前

工欲善其事，必先利其器。現在，開發生態系統需要讀者基于Node.js、Webpack、ES 6、ES 7等進行開發，其中，Node.js是前端工程化的重要支柱。所以在學習React之前，讀者需要對Node.js、NPM以及ES 6（ECMAScript 6.0）有一定的認識。本節將帶領讀者熟悉這些基本概念，如果讀者對本節內容已有一定了解，可以直接跳過。

1.1.1? 下載與使用Node.js和NPM

Node.js是一個基于Chrome V8引擎的javaScript運行環境，它使JavaScript能夠脫離瀏覽器直接運行。通過Node.js的開源命令行工具，可以讓JavaScript在本地運行。

Node.js通過官網https://nodejs.org/en/下載。下載后可以直接安裝，這里安裝過程不再詳述，相信讀者已經有安裝軟件的經驗。

安裝后在終端輸入命令：

node -v

可以驗證Node.js在本地是否安裝成功。如果輸入后顯示一個類似于v8.9.3的版本號，就說明安裝成功。

NPM（Node Package Manager）是Node.js的包管理工具（我們常說的Node包），是全球最大的開源庫生態系統。它允許開發人員使用創建的JavaScript腳本運行本地項目（比如開啟一個本地服務器）、下載應用程序所依賴的JavaScript包等。這些在本書后面的前端項目搭建或引用第三方插件時都會用到，用法如下：

npm install

提示：使用NPM安裝的大部分軟件或包，都可以使用“包名稱 –v”這樣的命令來驗證是否安裝成功。

由于網絡環境問題，有的Node包會出現無法下載或下載速度很慢的情況，此時可以使用淘寶NPM鏡像來代替NPM，安裝方式如下：

npm install -g cnpm --registry=https://registry.npm.taobao.org

淘寶NPM鏡像其實是一個對NPM的復制，用法與NPM一樣，命令如下：

cnpm install

React Node.js Redux web前端

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。