服務(wù)器端渲染(與客戶端渲染共存)
npm i express-react-view
服務(wù)器端先渲染整個(gè)頁(yè)面,頁(yè)面組件中內(nèi)嵌一個(gè)內(nèi)容組件,由containerElement包裹,其屬性通過(guò)頁(yè)面組件的屬性間接傳入;
為客戶端編寫(xiě)入口文件,包含一個(gè)導(dǎo)出函數(shù),入?yún)閮?nèi)容組件的屬性值,內(nèi)部調(diào)用React.render(內(nèi)容組件, containerElement)
頁(yè)面組件在渲染到客戶端后,需執(zhí)行該函數(shù)
html radio group
npm i react-radio-group
使用時(shí)發(fā)現(xiàn),與html table有兼容性問(wèn)題,運(yùn)行時(shí)react會(huì)給出警告。給該組件增加了一個(gè)prop,containerType,默認(rèn)值使用原有的div,當(dāng)在table中使用時(shí),可指定為tbody。
表單驗(yàn)證
npm i react-validation-mixin joi
browserify
- extensions
cli: --extensions=.jsx
api: {extensions: ['.jsx']} - transform
cli: -t [reactify]
npm config:
api: {transform: [reactify]} - standalone
watchify
遇到只watch入口文件的問(wèn)題,暫用gulp watch 替代