五分鐘學習React(一)： 什麼是React

在前端的世界裏，咱們要處理的文件不是太多，而是太少。天天開發項目將html、css、js、圖片、字體文件都像大雜燴通常加載都網頁上。當應用變得愈來愈臃腫的時候，會發現js用了那麼多全局變量，css的繼承關係如此複雜。

在這種狀況下，React誕生了。React是經過一種新的方式組織代碼，這種方式以javascript爲核心，經過模塊化的思惟，能夠將css、jsx（react特有的組件形式）等引入js文件中。

1.安裝

React社區提供了衆多的腳手架，這裏咱們使用官方推薦的create-react-app。

\\ 安裝腳手架
npm install -g create-react-app
\\ 生成並運行項目
create-react-app my-app 
cd my-app
npm start

npm啓動後，默認使用localhost:3000的地址。你的第一個react程序已經成功上線。

2.React項目

對於搭建React項目，不一樣的開發者使用的工具不同，項目文件的結構也不同。爲了學習的目的，咱們使用react官網的項目結構。[若是須要使用實戰案例傳送門]。

在public文件下，咱們存放index.html入口文件。

在src文件夾下，主要存放咱們的js入口文件、css文件。

3.總結

好了，本次的五分鐘學習React就介紹到這裏。咱們溫習下要點：

1. react是一個javascript庫，知足前端組件化開發模式
2. react是以javscript爲中心的代碼組織形式
3. react但願管理css、js等模塊，將其組件化