React學習筆記 1

使用了webpack +reactjs+ant design

一開始嘗試使用了material ui,比較坑，沒有分頁，**要自己拼裝。後來看react ui的日誌發現了正在開發中的ant design就決定先用這個吧。除了ui的css需要自己做調優，其他元件比較全。

檔案package.json

,


"dependencies"
:,

"scripts"
:,

"babel"
:,

"devdependencies"
:,

"author":""
,

"license"
:"isc"
,

"description"
:""
}

var

path 
=require
('path'
);
var

webpack 
=require
('webpack'
);
var

containerpath 
=path
.resolve
('.'
);
var

node_modules 
=path
.resolve
(__dirname
,'node_modules'
);
var

pathtoreact 
=path
.resolve
(node_modules
,'react/dist/react-with-addons.js'
);
var

pathtoreactdom 
=path
.resolve
(node_modules
,'react-dom/dist/react-dom.min.js'
);
module

.exports 
=,
output

:,
plugins

:[

//這個外掛程式把react和reactdom放到全域性變數裡，不用每個檔案都require了

newwebpack
.provideplugin
()

// ,

//這個外掛程式是把公共模組放在common檔案中，以減少每回增量打包的時間

// new webpack.optimize.commonschunkplugin('common', 'common.js') ],

//這個就是引用外不擴充套件，這些包就別打包了，大量減少webpack時間，不過在用material-ui的時候抱錯（什麼多個react不行大概），只能用provideplugin那種方式
externals

:



,
resolve

:,

module
:

},

,

,
,,

]

}

}

react 學習筆記（1）

基礎語法 1，jsx中巢狀表示式 2，命名使用駝峰法 3，有3種寫法 1.const element 2.const element react.createelement h1 hello world 3.const element reactdom.render element,document...

React學習筆記1

這個系列是我學習react過程的寫照，說白了就是自己對自己學習過程的總結，不喜勿噴啊，當然了如果對你的學習有幫助，那是極好的！語雀 以下的學習筆記就是針對這個教程講的，所以大家可以對照著看。前端開發的演變，沒什麼好說的，就像是學歷史，搞不定就死記硬背咯 遇到的問題及解決辦法如下 1.安裝node.j...

React學習筆記

專案需要使用react進行開發，故從vue與react的異同切入學習，記錄一下學習筆記 react整體的思路就是函式式，所以推崇純元件，資料不可變，單向資料流 單向繫結 當然需要雙向的地方也可以做到，比如結合redux form vue是響應式的思想，認為資料可變，通過watcher監聽每乙個屬性，...