GitHub - redux-utilities/flux-standard-action: A human-friendly standard for Flux action objects.You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
実æ³ä¸ç¶™ã‚·ãƒªãƒ¼ã‚º Vue.jsã§å®Ÿç¾ã™ã‚‹MVVMパターン Fluxアーã‚テクãƒãƒ£ã¨ã®è·é›¢ - Re.Ra.Ku アドベントカレンダー day 13 - Re.Ra.Ku tech blog
å‰èª¬ 丸山ã§ã™ã€‚Re.Ra.Ku. アドベントカレンダー13日目ã®è¨˜äº‹ã§ã™ã€‚å‰æ—¥ã¯iOSアプリã®UIをコードã§æ›¸ã„ã¦ã¿ã‚‹è©±ã§ã—ãŸã€‚明日ã¯ãŠãらãScalaã®è©±ã«ãªã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã•ã¦ã€ä»¥å‰ã‚‚話題ã«ã—ã¾ã—ãŸãŒã€builderscon2016ãŒå…ˆæ—¥é–‹å‚¬ã•ã‚Œã¾ã—ãŸã€‚ãƒã‚±ãƒƒãƒˆã¯3hã§SOLD OUT。プラãƒãƒŠãƒã‚±ãƒƒãƒˆã¨åŒ–ã—ãŸå‚åŠ æ¨©ã§ã™ãŒã€ç™ºè¡¨ã™ã‚‹å´ãªã‚‰ã°å®Ÿè³ªç„¡æ–™ã§å‚åŠ ã—放題ï¼ã“ã‚Œã¯ã„ã£ã申ã—訳ãªã„レベルã§ã¯ï¼ï¼Ÿ ã¨ã„ã†ã‚ã‘ã§ã€ã›ã£ã‹ã発表ã—ãŸã®ã§ãã®å†…容をãªã‚‹ã¹ã多ãã®æ‰‹æ®µã§å…±æœ‰ã—ãŸã„。ãã†æ€ã„ã€ä»Šå›žã‚‚実æ³ä¸ç¶™ã‚·ãƒªãƒ¼ã‚ºã‚’弊社テックブãƒã‚°ã§è¡Œã„ã¾ã™ã€‚実æ³ä¸ç¶™ã‚·ãƒªãƒ¼ã‚ºã¨ã„ã†ã®ã¯ã€ãƒ—レゼンをブãƒã‚°ã§å†ç¾ã™ã‚‹ã‚¢ãƒ¬ã§ã™ã€‚ãªãŠã€å®Ÿéš›ã®ãƒ—レゼンã¯å‹•ç”»ã«ãªã£ã¦Youtubeã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã•ã‚Œã¦ãŠã‚Šã¾ã™ã€‚buildersconå…¬å¼ã‚µã‚¤ãƒˆã®ã‚»ãƒƒã‚·ãƒ§ãƒ³è©³ç´°ãƒšãƒ¼ã‚¸ã‹ã‚‰ã‚‚ã”覧ã„ãŸã ã‘ã¾ã™ã®ã§ã€ã‚ˆã‚ã—ã‘ã‚Œã°ãã¡ã‚‰ã‚‚åˆã‚ã›ã¦ã”
Facebookã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚‚登壇ï¼ã€ŒReact.js meetup #2ã€ã‚¤ãƒ™ãƒ³ãƒˆãƒ¬ãƒãƒ¼ãƒˆ | Goodpatch Blog
ã“ã‚“ã«ã¡ã¯ã€‚グッドパッãƒã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢/ã‚°ãƒãƒ¼ã‚¹ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®å³å¯ºã§ã™ã€‚ 今回ã¯ã€9/8(ç«)ã«ã‚¤ãƒ™ãƒ³ãƒˆï¼†ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã‚¹ãƒšãƒ¼ã‚¹ dots.ã§è¡Œã‚ã‚ŒãŸã‚¤ãƒ™ãƒ³ãƒˆã€ŒReact.js meetup #2ã€ã®ãƒ¬ãƒãƒ¼ãƒˆã‚’ãŠå±Šã‘ã—ã¾ã™ï¼ React.jsã¨ã¯ï¼Ÿ React.jsã¯Facebook謹製ã®JavaScriptライブラリã§ã™ã€‚一昨年ã®ãƒªãƒªãƒ¼ã‚¹ã‹ã‚‰æ€¥æ¿€ã«äººæ°—ãŒä¸Šæ˜‡ã—ã¦ã„ã¾ã™ã€‚ ãã®ç‰¹å¾´ã¯ã€åŒã˜JavaScriptライブラリã§ã‚ã‚‹AngularJSãŒMVCフレームワークã¨ã—ã¦å…¨èˆ¬çš„ãªæ©Ÿèƒ½ã‚’æä¾›ã™ã‚‹ã®ã«å¯¾ã—ã€React.jsã§ã¯MVCã®Viewã«ã‚ãŸã‚‹éƒ¨åˆ†ã‚’Componentã¨ã—ã¦æä¾›ã™ã‚‹ã“ã¨ã«ç‰¹åŒ–ã—ã¦ã„ã‚‹ã€ã¨è¨€ãˆã¾ã™ã€‚ ç¾åœ¨ã€React.jsã¯Facebook社内ã ã‘ã§ã¯ãªãYahoo!ã‚„Twitterã€Airbnbãªã©ã§ã‚‚採用ã•ã‚Œã¦ã„るよã†ã§ã™ã€‚ 主催ã®ãŠäºŒäºº 今回ã®ã‚¤ãƒ™ãƒ³ãƒˆã¯ã€æ˜¨å¹´æœ«
社内勉強会ã§Reactã¨Fluxã«ã¤ã„ã¦å–‹ã£ãŸ - pixiv inside [archive]
開発ãŒå¤§å¥½ããª@geta6ã§ã™ã€‚ React meetupã®ã“ã¨ã‚’完全ã«è¦‹é€ƒã—ã¦ã„ã¦æ‚”ã—ã‹ã£ãŸã®ã§ã€å¤–部公開ã®ç¤¾å†…勉強会ã§Reactã¨Fluxã«ã¤ã„ã¦ã®ç™ºè¡¨ã‚’ã—ã¾ã—ãŸã€‚ 経緯 ç¾åœ¨ãƒ”クシブã§ã¯Reactã§Fluxãªæ„Ÿã˜ã®æ§‹æˆã§æ–°ã‚µãƒ¼ãƒ“スを開発ä¸ã§ã™ã€‚ã“ã‚Œã¾ã§ç¤¾ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã¨ã—ã¦Reactを採用ã—ãŸã“ã¨ã¯ç„¡ãã€ã“ã®æ–°ã‚µãƒ¼ãƒ“スãŒåˆã®æŽ¡ç”¨ã¨ãªã‚‹äºˆå®šã§ã™ã€‚社内ã®ç©ºæ°—æ„Ÿã¯ã€ŒFluxã‚‚Reactもよãèžãã—何ã¨ãªãã‚ã‹ã£ã¦ã‚‹ã‘ã©ã€è©³ã—ãã¯çŸ¥ã‚‰ãªã„ã€ã¨ã„ã†æ„Ÿã˜ã§ã—ãŸã€‚ ãã“ã§ã€è‡ªåˆ†ã®ç†è§£åº¦ã®ç¢ºèªã¨ã€ä¸€ç·’ã«é–‹ç™ºã—ã¦ã„ã‚‹ãƒãƒ¼ãƒ ã®äººã‚„社内外ã®é–‹ç™ºç¾å ´ã®çš†ã•ã‚“ã«å¤§ä½“ã®æ„Ÿè¦šã‚’掴んã§ã‚‚らãˆã‚‹ã‚ˆã†ã€ŒReactã¨Fluxã£ã¦ä¸€ä½“全体ãªã‚“ã˜ã‚ƒã‚‰ã»ã„ã€ã¨ã„ã†ãƒ†ãƒ¼ãƒžã§ã€ã–ã£ãã‚Šã¨å¤§æž ã‚’æ‰ãˆã‚‹ç™ºè¡¨ã‚’ã—ã¾ã—ãŸã€‚ 資料 speakerdeck.com Reactã¨Fluxã®ã“㨠// Speaker Deck スライドã«ã¯å…¥ã£ã¦ã„
![社内勉強会ã§Reactã¨Fluxã«ã¤ã„ã¦å–‹ã£ãŸ - pixiv inside [archive]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a8d0ed6fcb034b99b3f6481c12f69296fc5deef2/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F11696248318756278971%2F8454420450092816254%2F1430122329)
「React / Flux を実案件ã§ä½¿ã£ã¦ã¿ãŸã€ãã®å¾Œ
改ã‚ã¦è¦—ã„ã¦ã¿ã‚ˆã† 1) CheckboxWithLabel changes the text after click: AssertionError: # /path/to/test/components/CheckboxWithLabel_test.jsx:21 assert(label.getDOMNode().textContent === 'On') | | | | | | "Off" false | HTMLLabelElement{htmlFor:"",form:null,accessKey:"",control:HTMLInputElement{src:"",valueAsNumber:NaN,incremental:false,defaultChecked:false,form:null,multiple:false,list:null,size:20,checked:f
ã‚„ã£ã¦ã¿ã‚ˆã† 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
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - reflux/refluxjs: A simple library for uni-directional dataflow application architecture with React extensions inspired by Flux
react-problems.md
Rebuilding HipChat with React.js - Atlassian Developers
{{#tags}}- {{label}}
{{/tags}}