[B! javascript][react.js] mimosafaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

mimosafa id:mimosafa

javascriptã¨react.jsã«é–¢ã™ã‚‹mimosafaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

${{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ã®ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã¨ãƒãƒƒãƒ‰ãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹
2015/05/27ã«LINEç¤¾ã§è¡Œã‚ã‚ŒãŸã€Data Binding JS Nightã§ã®ç™ºè¡¨å†…å®¹ã§ã™ã€‚
mimosafa 2015/05/27
React

react.js

flux

JavaScript

DOM
ãƒªãƒ³ã‚¯
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 ã« æµè¡Œã£ã¦
mimosafa 2015/03/18
React.js

React

FLUX

javascript
ãƒªãƒ³ã‚¯
ä»Šè©±é¡Œã®React.jsã¯ã©ã®ã‚ˆã†ãªWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«é©ã—ã¦ã„ã‚‹ã‹ï¼Ÿ Introduction To Reactâ”€ Frontrend Conference
ä»Šè©±é¡Œã®React.jsã¯ã©ã®ã‚ˆã†ãªWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«é©ã—ã¦ã„ã‚‹ã‹ï¼Ÿ Introduction To Reactâ”€ Frontrend Conference å¤–æ‘ å’Œä»ï¼ˆæ ªå¼ä¼šç¤¾ ãƒ”ã‚¯ã‚»ãƒ«ã‚°ãƒªãƒƒãƒ‰ï¼‰ æœ¬è¨˜äº‹ã¯ã€2015/2/21ã«è¡Œã‚ã‚ŒãŸFrontrend Conferenceã®ã€ŒIntroduction To Reactã€ã®å†…å®¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å½“æ—¥ã®è³‡æ–™ã¯ä»¥ä¸‹ã«ã‚¢ãƒƒãƒ—ã•ã‚Œã¦ã„ã¾ã™ã®ã§ã€ã“ã¡ã‚‰ã‚‚å‚ç…§ã—ã¦ãã ã•ã„ã€‚ Introduction To React // Speaker Deck React.jsã¨ã¯ä½•ã‹ React.jsã¯Facebookè£½ã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ http://facebook.github.io/react/ å…¬å¼ã‚µã‚¤ãƒˆã«ã€ã€ŒA JavaScript library for building user interfacesã€ã¨ã‚ã‚‹ã‚ˆã†ã«ã€R
mimosafa 2015/03/04
react.js

flux
ãƒªãƒ³ã‚¯
è©±é¡Œã‹ã‚‚ã—ã‚Œãªã„Reactã‚’ä½¿ã£ã¦ç°¡å˜ãªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã£ã¦ã¿ãŸã€‚ - Qiita
æ•°å¹´å‰ã‹ã‚‰javascriptã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒæ•°å¤šãå‡ºã¦ããŸã‘ã©ã€ãã®ä¸ã§ã‚‚æœ€è¿‘è©±é¡Œã‹ã‚‚ã—ã‚Œãªã„reactã«ã¤ã„ã¦å‹‰å¼·ã—ã¦ã¿ãŸã€‚ Facebookè£½ã§ã€Facebookã€Instagramã€GitHub (Atom) ã¨ã„ã†å¤§å¾¡æ‰€ãŸã¡ã«ä½¿ã‚ã‚ŒãŸã‚Šã—ã¦ã„ã‚‹ã€‚ ä½œã£ãŸã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ Qiitaã®ã‚¿ã‚°ã‚’å–å¾—ã—ã¦ã‚¿ã‚°ã”ã¨ã«è¨˜äº‹ä¸€è¦§ã‚’è¡¨ç¤ºã™ã‚‹ã‚‚ã®ã€‚ ãƒˆãƒƒãƒ—ã¯æ–°ç€è¨˜äº‹ä¸€è¦§ã‚’è¡¨ç¤ºã€‚ ãƒ‡ãƒ¢ ãƒˆãƒ¬ãƒ³ãƒ‰ Googleã®ãƒˆãƒ¬ãƒ³ãƒ‰ã§è¦‹ã¦ã¿ã‚‹ã¨ã˜ã‚ã˜ã‚ã¨äººæ°—ãŒå‡ºã¦ãã¦ã„ã‚‹ã®ãŒã‚ã‹ã‚‹ã€‚ backboneã¯ã„ã‚ãšã‚‚ãŒãªã€angularã‚‚ç›´è¿‘ã ã‘è¦‹ã‚‹ã¨è½ã¡è¾¼ã‚“ã§ã„ã‚‹ã‚ˆã†ã«è¦‹ãˆã‚‹ãŒã€reactã¯ã˜ã‚ã˜ã‚ã¨ä¼¸ã³ã¦ã„ã‚‹ã€‚ https://www.google.co.jp/trends/explore#q=react.js%2C%20backbone.js%2C%20angular.js%2C%20vue.js&cmpt=q
mimosafa 2014/10/16
react.js

javascript
ãƒªãƒ³ã‚¯
[JavaScript] ä»®æƒ³DOMã‚’æä¾›ã™ã‚‹ã€ŽReactã€ã«ã¤ã„ã¦å°‘ã—èª¿ã¹ã¦ã¿ãŸ - Qiita
ãŸã¾ã«è€³ã«ã™ã‚‹ React ã‚’è‡ªåˆ†ãªã‚Šã«å°‘ã—èª¿ã¹ã¦ã¿ãŸã®ã§ã€ã¾ã¨ã‚ãŒã¦ã‚‰ãƒ¡ãƒ¢ã‚’æ®‹ã—ã¾ã™ã€‚ ã¡ãªã¿ã«åˆã‚ã¦ React ã‚’çŸ¥ã£ãŸã®ã¯ å¤©ä¸‹ä¸€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰JS MV*ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯æ¦é“ä¼šã§ã—ãŸã€‚ Reactã¨ã¯ Facebook ã®ãƒãƒ¼ãƒ ãŒé–‹ç™ºã—ã¦ã„ã‚‹ã€ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚’æ§‹ç¯‰ã™ã‚‹ç‚ºã® JavaScript ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚å…¬å¼ãƒšãƒ¼ã‚¸ â‡’ http://facebook.github.io/react/ ãã®ç‰¹å¾´ã¯ï¼ˆå…¬å¼ãƒšãƒ¼ã‚¸ã©ãŠã‚Šã§ã™ãŒï¼‰ã€ MVCã® Viewã®ã¿ ã‚µãƒãƒ¼ãƒˆ ãªã®ã§æã‚‰ã ä»–ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨å®¹æ˜“ã«çµ„ã¿åˆã‚ã› ã‚‰ã‚Œã‚‹ Virtual DOM (ä»®æƒ³DOM) 1æ–¹å‘ ã® Reactive ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚° Reactive .. ãã£ã¨ã€(è¦‹ãˆãªã„ã¨ã“ã‚ã§ã‚·ã‚¹ãƒ†ãƒ ãŒ)å‹•çš„ã« View ã‚’æ›´æ–°ã™ã‚‹ã€ã¨ã„ã†é›°å›²æ°—ã§ã—ã‚‡ã†ã‹.. å…¬å¼ãƒšãƒ¼ã‚¸ã‚’è¦‹ã‚‹ã¨ã€ã‚„ã‚Šæ–¹ã«ã‚ˆã£ã¦ã¯åŒæ–¹å‘ã«ã‚‚ã§ãã‚‹
mimosafa 2014/10/03
yeoman

react.js

DOM

view

javascript
ãƒªãƒ³ã‚¯
1