React 實(shí)作筆記

服務(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 替代

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • (6個(gè)月前的文章亂版了, 重新發(fā)布) 服務(wù)器端渲染(與客戶端渲染共存) 更換為使用 react-engine,出發(fā)...
    sinlight閱讀 293評(píng)論 1 0
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,374評(píng)論 4 61
  • It's a common pattern in React to wrap a component in an ...
    jplyue閱讀 3,401評(píng)論 0 2
  • 英雄聯(lián)盟五周年了,為了不顯得OUT,這段時(shí)間開(kāi)始學(xué)習(xí)玩這款時(shí)髦的網(wǎng)絡(luò)游戲。就如同以前的魔獸世界,刀塔,大話西游……...
    Michael_Lau閱讀 603評(píng)論 2 2
  • 有一句俗話叫做“萬(wàn)事開(kāi)頭難”,有時(shí)候明明真的很想做一件事情,但是千頭萬(wàn)緒不知如何開(kāi)始,比如很多小伙伴想開(kāi)一家淘寶店...
    樂(lè)意樂(lè)讀閱讀 584評(píng)論 0 5

友情鏈接更多精彩內(nèi)容