React 簡單實例 （React-router + webpack + Antd ）

 

React Demo  Github 地址

通過React Native 的洗禮以後，寫了這個 demo ；React 是爲了使前端的V層更具組件化，能更好的複用，同時可讓你從操做dom中解脫出來，只須要操做數據就會改變相應的dom； 而React Native 是但願咱們可以使用前端的技術棧就能夠建立出可以在不一樣平臺運行的一個框架，性能可能比原生app差一點點。

ReactJs和React Native的原理是相同的，都是由js實現的虛擬dom來驅動界面view層渲染。只不過ReactJs是驅動html dom渲染； React Native是驅動android/ios原生組件渲染。

React基於組件（component）開發，組件和組件之間經過props傳遞值，每一個組件都有一個狀態（state），當某個方法改變了這個狀態值時，整個組件就會從新渲染，從而達到刷新（這裏的刷新是指state的屬性與以前的相比較，發生改變了就重繪，不然不變，至關於Vue裏邊的 watch函數）。另外，說到從新渲染就要提到虛擬dom了，就是用js模擬dom結構，等整個組件的dom更新完畢，才渲染到頁面，簡單來講只更新了相比以前改變了的部分，而不是所有刷新，因此效率很高。

目錄我就很少介紹了，能夠查看 github 中源碼，主要實現了以下：

1，React JSX 語法實際使用

2，React 的生命週期，初始化，Rander 函數的渲染機制

3，React 經常使用的框架 Antd，圖表插件 echarts 的使用

4，網絡請求使用的 axiso  ，請求的封裝，攔截，後端接口的統一管理封裝 等

5，模塊化，組件化 

具體功能點有： 表格，標籤頁 ，表單 ，輪播 ，網絡請求實踐 ，列表渲染， 圖表， 富文本 等 . . . . . /

 

查看 : React-Antd-demo-one