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

patorash id:patorash

react.jsã«é–¢ã™ã‚‹patorashã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

${{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ã®ã“ã¨ // Speaker Deck
http://inside.pixiv.net/entry/2015/04/27/170944
patorash 2015/06/08
Flux

react

javascript

react.js

slide
ãƒªãƒ³ã‚¯
æœ€é€ŸMVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯Mithril.jsã®é€Ÿåº¦ã®ç§˜å¯† - Qiita
Mithril 0.2ãŒæœ¬æ—¥ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚ã¡ã‚‡ã£ã¨URLãŒå¤‰ã‚ã£ãŸã‚Š( http://mithril.js.org/ )ã€APIåãŒä¸€éƒ¨(m.moduleãŒm.mount)å¤‰ã‚ã£ã¦ã„ãŸã‚Šã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆæ©Ÿèƒ½ãŒã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„ãƒ¬ãƒ™ãƒ«ã‹ã‚‰ã€å°‚ç”¨ã®ã‚µãƒãƒ¼ãƒˆAPIãŒè¿½åŠ ã•ã‚ŒãŸã‚Šã—ã¦ã„ã¾ã™ãŒã€0.1ç³»ã¨å¤§ã—ãŸå·®ã¯ãªã•ãã†ã§ã™ã€‚ æŸnode.jsä¼šé•·ã¨ã¯ã„ã‚ã„ã‚ç¤¾å†…ã§è©±ã‚’ã—ãŸã‚Šã—ãŸã®ã§ã™ãŒã€å„ç¨®ãƒ™ãƒ³ãƒãƒžãƒ¼ã‚¯ã§ã‚‚ãƒˆãƒƒãƒ—ã‚¯ãƒ©ã‚¹ã€å¹³å‡çš„ã«ã¯æœ€é€Ÿã®ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã„ã†ç§°å·ã‚’æŒã¡ãªãŒã‚‰ã€å›½å†…ã§ã¯ã¾ã ã¾ã çŸ¥ã‚‰ã‚Œã¦ã„ãªã„Mithrilã€‚ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°é€Ÿåº¦ã¯ä»®æƒ³DOMã®ä»£åè©žã¨ãªã£ãŸReact.jsã®5å€ä»¥ä¸Š(ãƒ™ãƒ³ãƒãƒžãƒ¼ã‚¯ã«ã‚ˆã‚Šã¾ã™)ã§ã™ã€‚ â†“ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‹ã‚‰è»¢è¼‰ ã¡ãªã¿ã«ã“ã¡ã‚‰ã®ãƒ™ãƒ³ãƒãƒžãƒ¼ã‚¯ã§è¨ˆæ¸¬ã™ã‚‹ã¨ã€Mithrilã¯React.jsã®10å€ä»¥ä¸Šé€Ÿã„çµæžœã«ãªã‚‹ã®ã§ã™ãŒã€ã“ã‚Œã¯ã¡ã‚‡ã£ã¨è¨ˆ
patorash 2015/05/02
JS

react.js

javascript

bootstrap

dom
ãƒªãƒ³ã‚¯
https://jp.techcrunch.com/2015/04/21/20150420how-facebooks-react-native-will-change-mobile-apps/
patorash 2015/04/22
ä½¿ã£ã¦ã„ã‚‹äººã®æ„Ÿæƒ³ã‚’èžã„ã¦ã¿ãŸã„ã€‚

react

Facebook

javascript

react.js

ã‚¢ãƒ—ãƒª
ãƒªãƒ³ã‚¯
ä¸€äºº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.
patorash 2015/03/05
react.js

Advent Calendar

JavaScript

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
Ajaxã‚’åŠ‡çš„ã«ç°¡å˜ã«ã™ã‚‹React.js
ã“ã“æ•°å¹´ã€Javascriptç•Œéšˆã§ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯æˆ¦äº‰ãŒå‹ƒç™ºã—ã¦ãã¾ã—ãŸã€‚ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆé–‹ç™ºã®è¦æ¨¡ã‚‚å¹´ã€…å¤§ãããªã‚Šã€jQueryã ã‘ã§ã¯è¤‡é›‘ãªç”»é¢é·ç§»ãªã©ã‚’ç®¡ç†ã—ãã‚Œãªããªã£ã¦ããŸã®ãŒåŽŸå› ã ã¨æ€ã„ã¾ã™ã€‚ ç§ã‚‚æ˜¨å¹´ã¾ã§Angularã¨backboneã‚’è©¦ã—ã¾ã—ãŸãŒã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã‚’MVCã«ã—ã¦ã„ã‚‹ã®ã«ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã§ã‚‚MVCã‚’ä½œã‚‹MVCã®2éšŽå»ºã¦ã¯ã€ã‚„ã‚ŠéŽãŽãªã®ã§ã¯ãªã„ã‹ã¨æ€ã£ã¦ã„ã¾ã—ãŸã€‚ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãã®ã‚‚ã®è¦šãˆã‚‹ã¾ã§ã«ã‚‚ä¸€è‹¦åŠ´ã¨ã„ã†ã®ã‚‚é¢å€’ã«æ„Ÿã˜ã¾ã—ãŸã€‚ 2014å¹´ã€æµ·å¤–ã§ãƒ–ãƒ¼ãƒ ã«ç«ãŒä»˜ã„ãŸReact.js ãã‚“ãªä¸ã€2014å¹´ã®å¾ŒåŠã‹ã‚‰Facebookç™ºã®React.jsã®æŽ¡ç”¨äº‹ä¾‹ãŒèžã“ãˆã¦ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚AirBnBã‚„ç±³Yahoo! Mailãªã©å¤§æ‰‹ãŒReact.jsã‚’ç©æ¥µçš„ã«æŽ¡ç”¨ã—å‡ºã—ãŸã®ã§æ°—ã«ãªã‚Šã€å¹´æœ«å¹´å§‹ã‚’ä½¿ã£ã¦è‰²ã€…èª¿ã¹ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ Railsä»¥æ¥ã®è¡æ’ƒ è‰²ã€…è©¦ã—ã¦
patorash 2015/03/05
react.js

JS

react

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
patorash 2015/03/04
JS

react.js

JavaScript

facebook

backbone.js

flux
ãƒªãƒ³ã‚¯
Touchstone JS â€“ Whatâ€™s Coming for This UI Framework
TouchstoneJS â€“ Creating Your Visual Interaction People have the habit of checking their smartphones every few minutes, but they rarely think about how the app interface is made. Software-developing specialists utilize a variety of programming tools for the applications themselves, however, when it comes to making that part of the application that users interact with, developers use UI (user interf
patorash 2015/02/06
framework

mobile

docs

react.js

Reactjs

javascript

UI
ãƒªãƒ³ã‚¯
React / Flux ã‚’å®Ÿæ¡ˆä»¶ã§ä½¿ã£ã¦ã¿ãŸ
è‡ªå·±ç´¹ä»‹ Name : Takuto Wada github : twada twitter : t_wada hatena : t-wada TDD ã¨ãƒ©ã‚¤ã‚ªãƒ³ã®äºº power-assert ã®äºº React / Flux ã‚’çŸ¥ã£ãŸãã£ã‹ã‘ mizchi ã•ã‚“ã®ã‚¨ãƒ³ãƒˆãƒª (ã‚ãªãŸãŒReactã‚’ä½¿ã†ã¹ãç†ç”±) ã ã£ãŸã¨æ€ã† æ—¥æœ¬èªžã®æƒ…å ±ã¯ã»ã¨ã‚“ã©ç„¡ã‹ã£ãŸãŒã€ã‚¨ãƒƒã‚¸ç³»ã®äººãŸã¡ãŒé¨’ãŽå‡ºã—ãŸ & æµ·å¤–ã§åœ§å€’çš„ã«äº‹ä¾‹ãŒå¢—ãˆå‡ºã—ãŸã®ã§èˆˆå‘³ã‚’æŒã£ãŸ Rendr ã® AirBnb ãŒ React ã‚’ä½¿ã„å§‹ã‚ãŸã“ã¨ã‚’çŸ¥ã‚Šã€ã“ã‚Œã¯æ±ºå®šçš„ã ã¨æ€ã£ãŸ React ã‚’ã©ã†å‹‰å¼·ã—ãŸã‹ å…¬å¼ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¨ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒå……å®Ÿã—ã¦ã„ã‚‹ ã¾ãš Tutorial ã‚’ãã®ã¾ã¾å†™çµŒ æ¬¡ã« browserify + reactify ã§ Tutorial ã‚’ã‚‚ã†ä¸€å‘¨ã‚„ã£ã¦ã¿ã‚‹ (showdownã¯browserify å¯¾å¿œã—ã¦ã„
patorash 2015/01/15
JavaScript

Flux

react.js

Reactjs
ãƒªãƒ³ã‚¯
1