[B! React.js][programming] beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

beth321 id:beth321

React.jsã¨programmingã«é–¢ã™ã‚‹beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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ã¨Fluxã«ã¤ã„ã¦å–‹ã£ãŸ - pixiv inside [archive]
é–‹ç™ºãŒå¤§å¥½ããª@geta6ã§ã™ã€‚ React meetupã®ã“ã¨ã‚’å®Œå…¨ã«è¦‹é€ƒã—ã¦ã„ã¦æ‚”ã—ã‹ã£ãŸã®ã§ã€å¤–éƒ¨å…¬é–‹ã®ç¤¾å†…å‹‰å¼·ä¼šã§Reactã¨Fluxã«ã¤ã„ã¦ã®ç™ºè¡¨ã‚’ã—ã¾ã—ãŸã€‚ çµŒç·¯ ç¾åœ¨ãƒ”ã‚¯ã‚·ãƒ–ã§ã¯Reactã§Fluxãªæ„Ÿã˜ã®æ§‹æˆã§æ–°ã‚µãƒ¼ãƒ“ã‚¹ã‚’é–‹ç™ºä¸ã§ã™ã€‚ã“ã‚Œã¾ã§ç¤¾ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã¨ã—ã¦Reactã‚’æŽ¡ç”¨ã—ãŸã“ã¨ã¯ç„¡ãã€ã“ã®æ–°ã‚µãƒ¼ãƒ“ã‚¹ãŒåˆã®æŽ¡ç”¨ã¨ãªã‚‹äºˆå®šã§ã™ã€‚ç¤¾å†…ã®ç©ºæ°—æ„Ÿã¯ã€ŒFluxã‚‚Reactã‚‚ã‚ˆãèžãã—ä½•ã¨ãªãã‚ã‹ã£ã¦ã‚‹ã‘ã©ã€è©³ã—ãã¯çŸ¥ã‚‰ãªã„ã€ã¨ã„ã†æ„Ÿã˜ã§ã—ãŸã€‚ ãã“ã§ã€è‡ªåˆ†ã®ç†è§£åº¦ã®ç¢ºèªã¨ã€ä¸€ç·’ã«é–‹ç™ºã—ã¦ã„ã‚‹ãƒãƒ¼ãƒ ã®äººã‚„ç¤¾å†…å¤–ã®é–‹ç™ºç¾å ´ã®çš†ã•ã‚“ã«å¤§ä½“ã®æ„Ÿè¦šã‚’æŽ´ã‚“ã§ã‚‚ã‚‰ãˆã‚‹ã‚ˆã†ã€ŒReactã¨Fluxã£ã¦ä¸€ä½“å…¨ä½“ãªã‚“ã˜ã‚ƒã‚‰ã»ã„ã€ã¨ã„ã†ãƒ†ãƒ¼ãƒžã§ã€ã–ã£ãã‚Šã¨å¤§æž ã‚’æ‰ãˆã‚‹ç™ºè¡¨ã‚’ã—ã¾ã—ãŸã€‚ è³‡æ–™ speakerdeck.com Reactã¨Fluxã®ã“ã¨ // Speaker Deck ã‚¹ãƒ©ã‚¤ãƒ‰ã«ã¯å…¥ã£ã¦ã„
beth321 2015/04/28
development

React

flux

javascript

presentation

js

react.js

ã‚ã¨ã§èªã‚€

programming

reactjs
ãƒªãƒ³ã‚¯
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('
beth321 2015/04/23
*ã‚ã¨ã§èªã‚€

()

javascript

React

jquery

react.js

ã‚ã¨ã§èªã‚€

programming

js

tips
ãƒªãƒ³ã‚¯
ReactãŒãªãœç´ æ™´ã‚‰ã—ã„ã®ã‹
è©³ã—ãã¯ã“ã¡ã‚‰ã¸ â†’ https://www.facebook.com/groups/toretatech/
beth321 2015/03/20
react

programming

react.js

content

ã‚ã¨ã§èªã‚€

ifttt, twitter

javascript

reactjs

slide

*ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
Reactive Programming in JavaScript
- + æœ€è¿‘ã®å°å¦æ ¡ã§ã¯ã€ã€ŒãŠçˆ¶ã•ã‚“ãƒ»ãŠæ¯ã•ã‚“ã®åå‰ã‚’ã‚°ãƒ¼ã‚°ãƒ«ã§æ¤œç´¢ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€ã¨ã„ã†ã€ä¸–ã«ã‚‚æã‚ã—ã„æŽˆæ¥ãŒã‚ã‚‹ã‚‰ã—ã„ã€‚ãƒ»ãƒ»ãƒ»ã€‚ â€” ä¸¹ã€€æ´‹ä»‹ (@yosuke_tan) January 25, 2015
beth321 2015/02/23
javascript

react

reactjs

reactive

FRP

ã‚ã¨ã§èªã‚€

slide

programming

react.js

reactive programming
ãƒªãƒ³ã‚¯
ä¸€äººReact.js Advent Calendar 2014 - Qiita
React.jsã«ã¤ã„ã¦ã®åŸºæœ¬çš„ãªã¨ã“ã‚ã‚’æ›¸ã„ã¦ã„ãã¾ã™ï¼ å…¬å¼èªã‚ã°ã‚ã‹ã‚‹ã‚ˆã†ãªã“ã¨ãŒå¤šã„ã§ã™ãŒReact.jsã«èˆˆå‘³ã‚’ã‚‚ã¤ãã£ã‹ã‘ã«ã§ã‚‚ãªã‚Œã°...ã€‚ v0.12.1ã§ç¢ºèªã—ã¦ã„ã¾ã™ã€‚ ã“ã£ã¡ã¯ä¸€äººã§æ›¸ãã‚ˆã†ã«ä½œã£ãŸã‚‚ã®ãªã®ã§æ›¸ããŸã„äººã¯VirtualDOMã«æ›¸ãã¨ã„ã„ã¨æ€ã„ã¾ã™ã€‚ (æ›¸ãäººãŒã„ãªãã¦1äººã§æ›¸ã„ã¦ã„ã‚‹ã‚ã‘ã§ã¯ãªã„) ã“ã®è¨˜äº‹ã¯å¤ã„ã®ã§ä¸‹è¨˜ã®æ›´æ–°æƒ…å ±ã‚‚å‚è€ƒã«ã—ã¦ãã ã•ã„ http://blog.koba04.com/post/2015/03/05/react-js-v013-changes/ http://blog.koba04.com/post/2015/09/22/react-js-v014-changes/ http://blog.koba04.com/post/2016/03/09/react-js-v15-changes/ http://blog.koba04.
beth321 2014/12/20
JavaScript

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

*react.js

react

react.js

*ã‚ã¨ã§

ã‚ã¨ã§èªã‚€

JS

advent calendar

programming
ãƒªãƒ³ã‚¯
ã‚„ã£ã¦ã¿ã‚ˆã† Flux + React | ã‚³ãƒ©ãƒ | MDMã«ã‚ˆã‚‹ç«¯æœ«ã‚„ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç®¡ç†ãªã‚‰MobiConnect
Fluxã¨ã¯FacebookãŒæå”±ã—ã¦ã„ã‚‹Reactå‘ã‘ã®ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã§ã™ã€‚(ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã¯ãªã„ã¨ã®ã“ã¨) Reactã¨ã¯åŒã˜ãFacebookãŒé–‹ç™ºã—ã¦ã„ã‚‹JavaScriptã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ“ãƒ¥ãƒ¼ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ Virtual DOMã¨ã„ã†ä»•çµ„ã¿ã‚’æŒã£ã¦ã„ã¦ã€ãƒ“ãƒ¥ãƒ¼ã®å¤‰æ›´å·®åˆ†ã ã‘ã‚’å®Ÿéš›ã®DOMã«åæ˜ ã™ã‚‹ãŸã‚é«˜é€Ÿã«å‹•ä½œã™ã‚‹ç‰¹å¾´ãŒã‚ã‚Šã¾ã™ã€‚ Reactã¯ãƒ“ãƒ¥ãƒ¼ã®æ©Ÿèƒ½ã—ã‹ãªã„ã®ã§ã€Reactã ã‘ã§ã¯ã‚¢ãƒ—ãƒªã‚’çµ„ã‚ã¾ã›ã‚“ã€‚ãã“ã‚’ã‚«ãƒãƒ¼ã™ã‚‹ã®ãŒFluxã§ã™ã€‚ Fluxã®æ¦‚å¿µå›³ã¯ä¸‹è¨˜ã®ã¨ãŠã‚Šã§ã™ã€‚ Fluxã®ä¸‰å¤§è¦ç´ ã¯Views(React)ã€Dispatcherã€Storeã§ã™ã€‚ ã“ã‚Œã‚‰ã®é–“ã‚’ãƒ‡ãƒ¼ã‚¿ã¯ä¸€æ–¹å‘ã«æµã‚Œã¾ã™ã€‚(unidirectional data flow) Viewã§ç™ºç”Ÿã—ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼æ“ä½œã¯Actionã‚’çµŒç”±ã—ã¦Dispatcherã‚’å‘¼ã³å‡ºã—ã¾ã™ã€‚D
beth321 2014/12/01
()

tutorial

**

flux

react

javascript

reactjs

programming

frontend

react.js
ãƒªãƒ³ã‚¯
1