前言 React 的核心思想是:封裝組件,各個組件維護自己的狀態和UI,當狀態變更,自動重新渲染整個組件。 理解:react首先值得拍手稱贊的是它所有的開發都基於一個組件(component),組件和組件之間傳遞方法,而且每個組件都有一個狀態(state),當方法改變了這個狀態值時,整個組件就會重繪 ...
前言
React 的核心思想是:封裝組件,各個組件維護自己的狀態和UI,當狀態變更,自動重新渲染整個組件。
理解:react首先值得拍手稱贊的是它所有的開發都基於一個組件(component)
,組件和組件之間傳遞方法,而且每個組件都有一個狀態(state)
,當方法改變了這個狀態值時,整個組件就會重繪
,從而達到刷新,另外,說到重繪就要提到虛擬dom
了,就是用js模擬dom結構,等整個組件的dom更新完畢,才渲染到頁面,簡單來說只更新了相比之前改變了的部分,而不是全部刷新,所以效率很高。
項目初始化
大家先新建一個項目文件夾,在裡面建一個項目信息的文件package.json
:
{ |
建好之後,運行命令:npm install
安裝項目依賴的所有模塊。
webpack配置
項目使用的技術方案是:webpack+react+es6
。在項目文件夾下新建一個webpack.config.js
:
'use strict';
|