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