Presentational and Container Components
BismuthUpdate from 2019: I wrote this article a long time ago and my views have since evolved. In particular, I don’t suggest splitting your components like this anymore. If you find it natural in your codebase, this pattern can be handy. But I’ve seen it enforced without any necessity and with almost dogmatic fervor far too many times. The main reason I found it useful was because it let me separ
Reactã‚’jQueryã®æ•°è¡Œã«è¦ç´„ã™ã‚‹ | POSTD
「ReactãŒç´ 晴らã—ã„ç†ç”±ã¯ã€UIをアプリケーションã®çŠ¶æ…‹ã®ç´”粋関数ã«ã§ãã‚‹ã‹ã‚‰ã ã€ã„ã†ã‚ˆã†ãªè©±ã‚’èžã„ãŸã“ã¨ãŒã‚ã‚‹ã§ã—ょã†ã€‚ã—ã‹ã—ãã‚Œã ã‘ã§ã¯ãªãã€ä¸å¤‰æ€§ã¨ä»®è£…DOMを利用ã—ã¦å‹•ä½œã™ã‚‹ã¨ã„ã†ã“ã¨ã‚‚èžãã¾ã™ã‚ˆã。ãã®ä¸Šã€ä¿å˜ã€èªã¿è¾¼ã¿ã€å–り消ã—ã€ãã‚Œã«ã‚¿ã‚¤ãƒ トラベル・デãƒãƒƒã‚°ã¨å‘¼ã°ã‚Œã‚‹ã™ã”ã„機能ã¾ã§è‡ªç”±ã«æ‰‹ã«å…¥ã‚Œã‚‰ã‚Œã‚‹ã€‚ã§ã‚‚知ã£ã¦ã„ã¾ã™ã‹ï¼Ÿã€€Reactã®æ ¸ã¨ãªã‚‹ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’利用ã—ã€ãã®æ©æµã«é ã‹ã‚‹ã®ã«ã“れらã®ã“ã¨ã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“。jQueryã®æ•°è¡Œã«ã—ã¦ãŠè¦‹ã›ã—ã¾ã™ã€‚ <span id="colored-counter">0</span> <input id="color"></input> <button id="inc"></button> <script> $('#color').on('keyup', function () { $('#colored-counter').css('
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Reactã¨Fluxã®ã“㨠// Speaker Deck
{{#tags}}- {{label}}
{{/tags}}