2015年4月6日 星期一

Chrome React Tool 顯示Component 顯示 Unknow 處理

在Chrome React Develop Tool上
查看React Componet節點架構
發現會顯示為Unknow
只要在createClass時
加上 displayName 就可正確顯示了

SideBar = React.createClass
  displayName:"SideBar"
  render:->
    <div>
      <CatItem></CatItem>
      <SubCatItem>456</SubCatItem>
      <SingleCatItem>123</SingleCatItem>
    </div>

2015年4月4日 星期六

gulp coffee react jsx轉換的 bug

目前Project是以gulp做管理,寫的是ReactJS的JSX
當然還是要用Coffee來寫
但要可以正確compile 也就需要
先讓jsx可以在coffee內可以先轉換過
再把coffee compile成js
因此就需要用到coffee-react-transform來處理
再把它整到gulp的task內
又找到有人再把coffee-react-transform
再包裝成gulp-coffee-react-transform這樣的plugin
不過今天使用發現一個bug
是這plugin內與coffee-react-transform相依的版本太舊
會造成轉換錯誤
該轉成
React.createElement("div",..)
都變成了
eact.createElement(React.DOM.div,...
自然就掛了
解決的方法 其實只要進node_modules內
把gulp-coffee-react-transform內所用的
coffee-react-transform 版本換掉就可以了
不過還是發了個pull-request給作者