React 实作笔记

服务器端渲染(与客户端渲染共存)

npm i express-react-view
服务器端先渲染整个页面,页面组件中内嵌一个内容组件,由containerElement包裹,其属性通过页面组件的属性间接传入;
为客户端编写入口文件,包含一个导出函数,入参为内容组件的属性值,内部调用React.render(内容组件, containerElement)
页面组件在渲染到客户端后,需执行该函数

html radio group

npm i react-radio-group
使用时发现,与html table有兼容性问题,运行时react会给出警告。给该组件增加了一个prop,containerType,默认值使用原有的div,当在table中使用时,可指定为tbody。

表单验证

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入口文件的问题,暂用gulp watch 替代

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • (6个月前的文章乱版了, 重新发布) 服务器端渲染(与客户端渲染共存) 更换为使用 react-engine,出发...
    sinlight阅读 234评论 1 0
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,188评论 4 61
  • It's a common pattern in React to wrap a component in an ...
    jplyue阅读 3,295评论 0 2
  • 英雄联盟五周年了,为了不显得OUT,这段时间开始学习玩这款时髦的网络游戏。就如同以前的魔兽世界,刀塔,大话西游……...
    Michael_Lau阅读 527评论 2 2
  • 有一句俗话叫做“万事开头难”,有时候明明真的很想做一件事情,但是千头万绪不知如何开始,比如很多小伙伴想开一家淘宝店...
    乐意乐读阅读 543评论 0 5