申明：本系列教程由【科技男code】原創，允許轉載，但轉載必須註明出處並附帶首發鏈接！
概述
React 介紹
React 是一個用於構建用戶界面的 JAVASCRIPT 庫。
React主要用於構建UI，很多人認爲 React 是 MVC 中的 V（視圖）。
React 起源於 Facebook 的內部項目，用來架設 Instagram 的網站，並於 2013 年 5 月開源。
React 擁有較高的性能，代碼邏輯非常簡單，越來越多的人已開始關注和使用它。
React 特點
- 聲明式設計 −React採用聲明範式，可以輕鬆描述應用。
- 高效 −React通過對DOM的模擬，最大限度地減少與DOM的交互。
- 靈活 −React可以與已知的庫或框架很好地配合。
- JSX − JSX 是 JavaScript 語法的擴展。React 開發不一定使用 JSX ，但我們建議使用它。
- 組件 − 通過 React 構建組件，使得代碼更加容易得到複用，能夠很好的應用在大項目的開發中。
- 單向響應的數據流 − React 實現了單向響應的數據流，從而減少了重複代碼，這也是它爲什麼比傳統數據綁定更簡單。
學習React 之前你必須具備
HTML，JavaScript，CSS基礎，ES6語法基礎
開發工具
操作系統的選擇
由於本人工作過程中使用的是Linux操作系統，所以這系列教程也會使用Linux系統開發，這裏推薦使用Deepin 深度 linux 操作系統
具體安裝方法：https://www.deepin.org/installation/
對於開發者來說deepin有着比較高的顏值和用戶體驗
編輯器的選擇
繼承我工作的習慣會使用到atom編輯器
在操作系統和編輯器的選擇上根據個人的喜好選擇就可以了，主要還是學習，喜歡折騰的可以將操作系統換成Linux的。
這裏介紹一個atom的插件
Emmet （敲代碼的快捷方式）
在編輯器中輸入元素名稱，即可自動補全生成 HTML 標籤，即使不是標準的 HTML 標籤。
安裝
# 進入atom插件安裝目錄
cd ~/.atom/packages/
# 下載插件
git clone https://github.com/emmetio/emmet-atom
# 等待執行一會兒，執行完成後，進入插件目錄
cd emmet-atom
# 執行NPM安裝命令
npm install等待執行安裝完成後，你的插件就安裝好了，然後就只需要重啓，就可以看到你的插件了。
還有很多幫助開發的插件只需要按需安裝就行了。這裏安裝這一個就夠了。
接下來我們進入正題。
本文由 科技男code 原創，允許轉載，但轉載必須保留首發鏈接。