初識 React + Antd + webpack 簡單實例 (可預覽)

前言

實踐於 2018 年 5 月

React China 中文社區
Github 源碼
React + Antd + webpack 預覽
在這裏插入圖片描述
目錄介紹
在這裏插入圖片描述
相關頁面
Actd的表單
Echarts 插件
富文本Editor

最後呢,簡單介紹一下React 和 React Native 的區別 !

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更新完畢,才渲染到頁面,簡單來說只更新了相比之前改變了的部分,而不是全部刷新,所以效率很高。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章