メンチカツ

ロースカツが好きです

React

【メモ】webpack.optimize.UglifyJsPluginでbuildしてもコメントが残っちゃうんだよねってとき

Reactアプリでリリースってなったとき、みんなやりたいのがjsファイルのminify。 webpackのドキュメント list of plugins に習い、webpack.config.jsで plugins: [ new webpack.optimize.UglifyJsPlugin({ compress: { warnings: false } }) ] を追加するも…

【メモ】React,Reduxのリファクタリングはじめの一歩

よくわからないままはじめ、まさに習うより慣れよで身につけつつある Reduxスキル。 最初のほうに作ったソースを見直すと、ある共通点に気がつきました。 無駄なstateが多い! propsで受け取った値をわざわざコピーしてstateで保持してたりします。 変更され…

React + React Bootstrap で、htmlでお知らせが書けるツールチップを使いたい

こういうやつが欲しい。 そこで <Info message={message} /> こういうコンポーネントを作成したところ、messageに与えた文字列のhtmlタグがエスケープされて、そのまま出力されてしまう。 <Info message="Hello,<br/><br/><strong>world!!!!!!</strong>" /> // => Tooltipに「Hello,<br/><br/><strong>world!!!!!!</strong>」 それで、同じ壁にぶち当たってる人を探したら、いた。 s</br/></br/></info></info>…

ESLintに「"$" is not defined no-undef」と怒られた

componentDidMount() { $.get('/data/hoge.json', function (result) { this.setState({ hogeList: result }); }.bind(this)); } 上記を定義したReactコンポーネントをESLintでテストすると怒られた。 error "$" is not defined no-undef これは .eslintrcの…

ReactのcomponentWillReceivePropsはPropTypes.funcの呼び出しも捕捉する

はまったのでメモ 以下のようなpropsとstateを持つコンポーネント static propTypes = { onChange: PropTypes.func.isRequired, // this.state.selectedItemListが変更されたときに発火 itemList: PropTypes.array.isRequired, // DBからとってきたマスター…