[B! react] takami_hirokiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

takami_hiroki id:takami_hiroki

reactã«é–¢ã™ã‚‹takami_hirokiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

Reactã‚’ä½¿ã†ã¨ãªãœjQueryãŒè¦ã‚‰ãªããªã‚‹ã®ã‹ - Qiita
ã¯ã˜ã‚ã« Reactï¼ˆé€šç§° React.js1ï¼‰ã‚’å…¨ãçŸ¥ã‚‰ãªã„ã€ã‚ã‚‹ã„ã¯å¹¾ã¤ã‹è¨˜äº‹ã‚’è¦‹ãŸã‘ã©ãªã‚“ãªã®ã‹ãƒ”ãƒ³ã¨æ¥ã¦ã„ãªã„ã€ã¨ã„ã†äººã®ãŸã‚ã«æ›¸ã„ã¦ã„ã¾ã™ã€‚ ã€ŒjQuery ãã‚‰ã„ã—ã‹çŸ¥ã‚‰ãªã„ã€ãã‚‰ã„ã®äººã«å…·ä½“çš„ã«é›°å›²æ°—ã‚’çŸ¥ã£ã¦ã‚‚ã‚‰ã†ã®ãŒç›®çš„ã§ã‚ã‚Šã€ã™ã§ã«ã‚„ã‚‹æ°—ãŒã‚ã‚‹äººå‘ã‘ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã‚„ã‚‹æ°—ãŒå‡ºã‚Œã°æ—¥æœ¬èªžç‰ˆãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’èªã‚“ã§æ‰‹ã‚’å‹•ã‹ã›ã°ã‚ã£ã¨ã„ã†é–“ãªã®ã§ã€ãã“ã¾ã§ã®èˆˆå‘³ãŒå‡ºã‚‹ã“ã¨ã‚’ç›®æ¨™ã«ã—ã¦ã„ã¾ã™ã€‚ ä»¥é™ã§ã¯ ES2015 (ES6) ã®æ–‡æ³•ï¼ˆã‚¢ãƒãƒ¼é–¢æ•°ã¨ã‹ï¼‰ã‚’ä½¿ã£ã¦ã„ã¾ã™ã€‚ã“ã®éƒ¨åˆ†ãŒæ€ªã—ã„äººã¯å…ˆã«ã‚¢ãƒãƒ¼é–¢æ•°ã¨ const æ–‡ã ã‘ã§ã‚‚çŸ¥ã£ã¦ã‹ã‚‰å…ˆã«é€²ã‚“ã§ãã ã•ã„ã€‚ ä»¥ä¸‹ã®èª¬æ˜Žä¸ã€ã“ã®ã‚¢ã‚¤ã‚³ãƒ³ã§è¡¨ã™ã®ã¯ï¼ˆ2023 å¹´ç¾åœ¨ã‹ã‚‰è¦‹ãŸï¼‰ã€Žæ˜”è©±ã€ã§ã™ã€‚æ–°ã—ãè‡ªåˆ†ã®ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãéš›ã«ã¯æœ¬æ¥çŸ¥ã‚‰ãªãã¦ã„ã„ã“ã¨ã§ã™ãŒã€å¤ã„è¨˜äº‹ã‚’è¦‹ãŸã¨ãã«æ··åŒã—ãªã„ãŸã‚ã®å‚è€ƒæƒ…å ±ã¨ã—ã¦æ›¸ã„ã¦ã‚ã‚Šã¾ã™ã€‚ã“ã®è¨˜äº‹
takami_hiroki 2016/05/11
react

javascript
ãƒªãƒ³ã‚¯
Reactã¨Fluxã®ã“ã¨ // Speaker Deck
http://inside.pixiv.net/entry/2015/04/27/170944
takami_hiroki 2015/12/03
react

Flux

javascript
ãƒªãƒ³ã‚¯
Reactã«ã‚ˆã£ã¦ãƒã‚¤ãƒ†ã‚£ãƒ–/Webè«–äº‰ã¯çµ‚ã‚ã£ãŸã®ã‹ã‚‚ã—ã‚Œãªã„ | readwrite.jp
PCã§æˆ‘ã€…ãŒWebã‚¢ãƒ—ãƒªã‚’å¤šãåˆ©ç”¨ã™ã‚‹ãŒã€ãƒ¢ãƒã‚¤ãƒ«ã«ãŠã„ã¦ã‚¢ãƒ—ãƒªã¯å…¨ã¦ã ã€‚ä»Šã§ã¯ãƒ¢ãƒã‚¤ãƒ«ã‚’ä½¿ã£ã¦ã„ã‚‹æ™‚é–“ã®90%ã¯ã‚¢ãƒ—ãƒªã®åˆ©ç”¨ã«è²»ã‚„ã•ã‚Œã¦ã„ã‚‹ã€‚ ã“ã“ã§ã„ã†ã‚¢ãƒ—ãƒªã¨ã¯ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã®äº‹ã ã€‚ ãƒžãƒ¼ã‚¯ãƒ»ã‚¶ãƒƒã‚«ãƒ¼ãƒãƒ¼ã‚°ãŒãƒã‚¤ãƒ†ã‚£ãƒ–ã§ã¯ãªãHTML5ã«æŠ•è³‡ã—ãŸã®ã¯æœ€å¤§ã®å¤±æ•—ã ã£ãŸã¨å®£è¨€ã—ã¦ä»¥æ¥ã€ãƒ¢ãƒã‚¤ãƒ«Webã¯ç€å®Ÿã«å‹¢ã„ã‚’å¤±ã£ã¦ãã¦ã„ã‚‹ã€‚ ã—ã‹ã—çš®è‚‰ãªã“ã¨ã«ã€ãƒ•ã‚§ã‚¤ã‚¹ãƒ–ãƒƒã‚¯ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŸã¡ã®ãŠã‹ã’ã§ãã‚Œã‚‚éŽåŽ»ã®äº‹ã«ãªã‚‹ã€‚ ã©ã†ã„ã†ã“ã¨ã‹èª¬æ˜Žã—ã‚ˆã†ã€‚ ãƒ¢ãƒã‚¤ãƒ«Webã‚’Reactã™ã‚‹ã‚¶ãƒƒã‚«ãƒ¼ãƒãƒ¼ã‚°ãŒHTML5ã¯çµ‚ã‚ã£ãŸã¨å®£è¨€ã—ãŸç¿Œå¹´ã€ãƒ•ã‚§ã‚¤ã‚¹ãƒ–ãƒƒã‚¯ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ä¸€äººã§ã‚ã‚‹ã‚¸ãƒ§ãƒ¼ãƒ€ãƒ³ãƒ»ã‚¦ã‚©ãƒ¼ã‚¯ãŒWebé–‹ç™ºã®æ–°ã—ã„ã‚¢ãƒ—ãƒãƒ¼ãƒã§ã‚ã‚‹ReactJSã‚’ç”Ÿã¿å‡ºã—ãŸã€‚ ReactJSã¯é–‹ç™ºè€…ãŒJavaScriptã®ã‚¹ã‚ãƒ«ã‚’æ´»ç”¨ã—ã€ã‚¢ãƒ—ãƒªé–‹ç™ºã‚’ã‚·ãƒ³ãƒ—ãƒ«ã«ã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸã€‚ã—ã‹ã—ä»–ã«ã‚‚å¤šãã‚ã‚‹ã‚¤ãƒŽãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ã®ã†ã¡ã€
takami_hiroki 2015/10/16
react

ãƒ¢ãƒã‚¤ãƒ«

javascript

react.js
ãƒªãƒ³ã‚¯
IBM Developer
IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant techno logies such as generative AI, data science, AI, and open source.
takami_hiroki 2015/06/06
react

JavaScript
ãƒªãƒ³ã‚¯
React.js + Webpack + ContainerJSã§TODOãƒªã‚¹ãƒˆã‚’ä½œã£ã¦ã¿ãŸ - ã†ãªã®æ—¥è¨˜
React.js + Webpack + ContainerJS ã§TODOãƒªã‚¹ãƒˆã‚’ä½œã£ã¦ã¿ãŸã®ã§ã€æ‰‹é †ã‚’ã¾ã¨ã‚ã¾ã™ã€‚ ä»¥å‰æ›¸ã„ãŸã€Knockout + ContainerJS ã§ãƒ†ã‚¹ã‚¿ãƒ–ãƒ«ã«ToDoãƒªã‚¹ãƒˆã‚’ä½œã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« - ã†ãªã®æ—¥è¨˜ã®æ”¹è¨‚ç‰ˆã€‚ æœ€è¿‘æµè¡Œã£ã¦ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ãŠè©¦ã—ã‚‚å…¼ãã¦ã€ã„ã‚ã„ã‚çµ„ã¿åˆã‚ã›ã¦ä½¿ã£ã¦ã¿ã‚ˆã†ã¨ã„ã†è©¦ã¿ã§ã™ã€‚ ã‚½ãƒ¼ã‚¹å…¨ä½“ã¯ã“ã¡ã‚‰ã§å…¬é–‹ã—ã¦ã„ã‚‹ã®ã§ã€ã‚ã‚ã›ã¦å‚ç…§ãã ã•ã„ã€‚ ãƒã‚¤ãƒ³ãƒˆ ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ãƒãƒ¼ãƒ€ãƒ¼ã‚’ require.js â†’ Webpack ã« ã‚½ãƒ¼ã‚¹ã¯ã‚¯ãƒ©ã‚¹å˜ä½ã§åˆ†å‰²ç®¡ç†ã—ã¦ã€Webpackã§1ãƒ•ã‚¡ã‚¤ãƒ«ã«ã¾ã¨ã‚ã¦ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã™ã€‚ Webpackã ã¨AMDã‚‚CommonJSã‚‚ä¸¡æ–¹æ‰±ãˆã‚‹ã®ã§ã€npmã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒä½¿ã„ã‚„ã™ããªã‚‹ã®ã¯å¤§ãã„ã‹ãªã€‚ ã‚ã¨ã€Loaderã‚‚ä¾¿åˆ©ã§ã™ãã€‚ Viewãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’ Knockout.js â†’ React.js ã« æµè¡Œã£ã¦
takami_hiroki 2015/04/26
react

React.js

javascript
ãƒªãƒ³ã‚¯
Reactæ¦‚è«–
React meetup #1 ã§ã®ç™ºè¡¨è³‡æ–™
takami_hiroki 2015/04/24
react.js

react

javascript
ãƒªãƒ³ã‚¯
1