[B! flux] odzã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

odz id:odz

fluxã«é–¢ã™ã‚‹odzã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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ä½¿ã„å¿…è¦‹ï¼ Immutable.jsã§Reactã¯ã‚‚ã£ã¨è‰¯ããªã‚‹ | Wantedly Engineer Blog
Reactã‚’å°Žå…¥ã—ã¦åŠå¹´è¿‘ããŒçµŒã¡ã¾ã—ãŸWantedlyã§ã¯ã€ä»Šå¹´ã®åˆã‚ã‹ã‚‰React(+Redux)ã®å°Žå…¥ã«å–ã‚Šçµ„ã¿å§‹ã‚ãŸã®ã§ã€æ°—ä»˜ã‘ã°åŠå¹´è¿‘ãç«‹ã£ã¦ã„ã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ä»Šè‡ªåˆ†ãŒã“ã®è¨˜äº‹ã‚’æ›¸ã„ã¦ã„ã‚‹ã‚¨ãƒ‡ã‚£ã‚¿ã‹ã‚‰ã€Wantedly Adminã®ãƒã‚±ãƒƒãƒˆç”»é¢ã¾ã§ã€ã‚ã‚‹ç¨‹åº¦å¤§ããªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ç™ºã—ã¦ãã¾ã—ãŸã€‚ ãã“ã§ä»Šå›žã¯ã€ãƒãƒ¼ãƒ ã§ç¶™ç¶šçš„ã«é–‹ç™ºã—ã¦ã„ãéŽç¨‹ã§éé‡ã—ãŸå•é¡Œã¨ã€ãã‚Œã‚’è§£æ±ºã™ã‚‹ãŸã‚ã«å°Žå…¥ã—ãŸImmutable.jsã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ å¢—ãˆç¶šã‘ã‚‹Callbackã¨Actionã€è‚¥å¤§åŒ–ã™ã‚‹StoreReactã¨ã‚»ãƒƒãƒˆã§èªžã‚‰ã‚Œã‚‹ã“ã¨ãŒå¤šã„Fluxã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã€‚ã“ã“ã§ã¯è©³ã—ã„èª¬æ˜Žã¯çœç•¥ã—ã¾ã™ãŒã€ã¨ã¦ã‚‚ã‚·ãƒ³ãƒ—ãƒ«ãªè€ƒãˆæ–¹ãªã®ã§ã€ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãªã©ã§ç°¡å˜ã«å¦ã¶ã“ã¨ãŒã§ãã¾ã™ã€‚ã—ã‹ã—ã€å®Ÿéš›ã«ãƒãƒ¼ãƒ ã§é–‹ç™ºã—ã¦ã„ãã¨ã€ãŸã—ã‹ã«å‹•ã„ã¦ã¯ã„ã‚‹ã‘ã©ã€ç¶ºéº—ã¨ã¯è¨€ã„é›£ã„ã‚³ãƒ¼ãƒ‰ãŒå¢—ãˆã¦ã—ã¾ã„ã¾ã—ãŸã€‚ Ac
odz 2016/06/30
react

redux

flux

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
Redux ã® Reducer ã§éžåŒæœŸã®çŠ¶æ…‹å¤‰æ›´ã‚’æ‰±ãˆã‚‹ã‚ˆã†ã«æ‹¡å¼µã—ãŸã€ŒRxduxã€ã«ã¤ã„ã¦ - Qiita
Redux ã®ä¸æº€ Fluxã®å®Ÿè£…ã§ã‚ã‚‹Reduxã®ä¸æº€ç‚¹ã®ã†ã¡ã®ï¼‘ã¤ã¨ã—ã¦ã€Reducerã®æ‰±ã„ãŒã‚ã‚‹ã€‚ã‚‚ã¡ã‚ã‚“Reducerã®è€ƒãˆæ–¹ã¨ãã‚Œã«ã‚ˆã‚‹Storeã®çŠ¶æ…‹ç®¡ç†ã€ãŠã‚ˆã³combineReducersã«ã‚ˆã‚‹çŠ¶æ…‹ã®åˆ†å‰²çµ±æ²»ã«ã¤ã„ã¦ã¯ã¾ã‚ã‚ˆã„ã®ã ã‘ã‚Œã©ã‚‚ã€Reducerã«ã¯åŒæœŸçš„ãªçŠ¶æ…‹å¤‰åŒ–ã—ã‹æ‰±ãˆãªã„ï¼ˆæ‰±ã‚ãªã„ï¼‰ã¨ã„ã†åˆ¶ç´„ãŒã‚ã‚‹ã€‚å¾—ã¦ã—ã¦å®Ÿéš›ã®ã‚¢ãƒ—ãƒªã§ã¯ãƒ¢ãƒƒã‚¯ã§åŒæœŸå‡¦ç†ã§è¡Œã£ã¦ã„ãŸã“ã¨ã§ãŒã„ã¤ã®é–“ã«ã‹éžåŒæœŸã®å‡¦ç†ã¨ãªã£ãŸã‚Šã™ã‚‹ã“ã¨ã‚‚ã‚ã‚Šã€ãã®å ´åˆReducerã§ä¸Šæ‰‹ãã‚„ã£ã¦ãŸã“ã¨ã§ã‚‚Action Creatorã®æ–¹ã«ç§»å‹•ã—ãªãã‚ƒã„ã‘ãªããªã£ãŸã‚Šã™ã‚‹ã€‚ Action Creatorsã§ã¯ç¾åœ¨ã®Stateæƒ…å ±ã‚’è¦‹ã‚‹ã®ã«ã¯getState()ã¨ã„ããªã‚ŠStateãƒ„ãƒªãƒ¼å…¨ä½“ã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã“ã¨ã«ãªã‚‹ã€‚Reducerã§ã¯ã†ã¾ãã§ãã¦ã„ãŸåˆ†å‰²çµ±æ²»ãŒã“ã“ã§ã¯åŽ³ã—ããªã‚‹ã€‚ãªã‚“ã¨ã‹Middlewareã§å·¥å¤«
odz 2016/02/19
redux-thunkä½¿ãˆã°ã„ã„æ°—ãŒã™ã‚‹ã‘ã©ã€é•ã†ã®ã‹ãªã€‚

react

redux

javascript

flux
ãƒªãƒ³ã‚¯
æ¼«ç”»ã§èª¬æ˜Žã™ã‚‹ Flux
Lin Clark æ°ãŒ â€œA cartoon guide to Fluxâ€ ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã§ã¨ã¦ã‚‚ã‚ã‹ã‚Šã‚„ã™ã Flux ã«ã¤ã„ã¦ã®è¨˜äº‹ã‚’æŠ•ç¨¿ã—ã¦ã„ã¾ã—ãŸã€‚ã“ã®æ–‡ç« ã®ãªã‹ã§ã‚‚æ›¸ã‹ã‚Œã¦ã„ã¾ã™ãŒ Flux ã¯ã¨ã¦ã‚‚ãƒ›ãƒƒãƒˆãªè©±é¡Œã§ã™ã€‚ã—ã‹ã—ã€ã¾ã ã¾ã ååˆ†ã«ç†è§£ã•ã‚Œã¦ã„ãªã„æŠ€è¡“ãªã®ã§ã€è‘—è€…ã® Lin Clark æ°ã«è¨±å¯ã‚’é ‚ã„ã¦ç¿»è¨³ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ä½•ã‹é–“é•ã„ã‚„åˆ†ã‹ã‚Šã«ãã„ã¨ã“ã‚ã€ã‚ˆã‚Šè‰¯ãã™ã‚‹ãŸã‚ã®åŠ©è¨€ãªã©ã‚ã‚Šã¾ã—ãŸã‚‰æ°—è»½ã«@sota0805 ã¾ã§ã‚³ãƒ¡ãƒ³ãƒˆãŠé¡˜ã„ã—ã¾ã™ã€‚ ï¼ˆä»¥ä¸‹ã€2015å¹´9æœˆ29æ—¥ã« Lin Clark æ°ã«ã‚ˆã£ã¦æ›¸ã‹ã‚ŒãŸ â€œA cartoon guide to Fluxâ€ ã®ç¿»è¨³ã§ã™ã€‚ï¼‰ æ¼«ç”»ã§èª¬æ˜Žã™ã‚‹ FluxFlux ã¯ç¾åœ¨ã®ã‚¦ã‚§ãƒ–é–‹ç™ºã§æœ€ã‚‚ã‚ˆãç†è§£ã•ã‚Œã¦ã„ãªã„è©±é¡Œã®ï¼‘ã¤ã§ã™ã€‚ã“ã®ã‚¬ã‚¤ãƒ‰ã§ã¯èª°ã‚‚ãŒç†è§£ã§ãã‚‹æ–¹æ³•ã§èª¬æ˜Žã—ã‚ˆã†ã¨ã—ã¦ã„ã¾ã™ã€‚ å•é¡Œã¯ã˜ã‚ã« Flux ãŒè§£æ±º
odz 2016/01/10
flux
ãƒªãƒ³ã‚¯
Fluxãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯æˆ¦äº‰ã®ç¾çŠ¶ç¢ºèªï¼ˆå¾Œç·¨ï¼‰ - ãƒžãƒ«ã‚·ãƒ†ã‚¤ã‚¢
ã“ã®è¨˜äº‹ã¯ä»®æƒ³DOM/Flux Advent Calendar 2015ã®25æ—¥ç›®â€¦â€¦ã«å…¥ã‚Œã‚ˆã†ã¨æ€ã£ã¦ãŸã‘ã©ã‚‚ã†åŸ‹ã¾ã£ã¦ãŸâ€¦â€¦ã€‚ ã‚ªãƒžã‚±ã¨ã„ã†ã“ã¨ã§é ¼ã‚€ï¼ï¼ï¼ï¼ï¼ 24æ—¥ç›®ã¯ JavaScript - å®Ÿè·µï¼šMagJS ã§ TodoMVC - Qiita ã§ã—ãŸã€‚ ãƒ¡ãƒªãƒ¼ã‚¯ãƒªã‚¹ãƒžã‚¹ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ ã“ã‚“ã«ã¡ã¯ id:amagitakayosi ã§ã™ã€‚ ã¿ãªã•ã‚“ä»Šæœˆã‚‚ Flux æ›¸ã„ã¦ã¾ã™ã‹ï¼Ÿ åƒ•ã¯ã‚ªãƒ¬ã‚ªãƒ¬å®Ÿè£…ã‚’Isomorphicå¯¾å¿œã—ãŸã‘ã©æ˜¨æ—¥Revertã—ãŸã¨ã“ã‚ã§ã™ï¼ï¼ï¼ï¼ï¼ã‚¦ã‚ªãƒ¼ï¼ï¼ï¼ ä»Šæ—¥ã¯â†“12/2ã®è¨˜äº‹â†“ã®ç¶šãã‚’æ›¸ã„ã¦ã„ãã¾ã™ï¼ amagitakayosi.hatena blog.com ã‚‚ãã˜ å‰å›žã®ã‚ã‚‰ã™ã˜ flux-utils Container vs View Cycle.js flux-challenge Rxç³» thisless-react, Yolk DDO
odz 2015/12/25
flux

javascript
ãƒªãƒ³ã‚¯
Fluxã®Actionã¨Storeã‚’ã¡ã‚ƒã‚“ã¨åˆ†ã‘ã‚‹è©± - pixiv inside [archive]
ãƒ”ã‚¯ã‚·ãƒ–æ ªå¼ä¼šç¤¾ Advent Calendar 2015ã€19æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ qiita.com ã“ã‚“ã«ã¡ã¯ã€æ„›ã‚‰ã—ãã‚‚æ†Žã‚‰ã—ã„JavaScriptã‚’æ›¸ã„ã¦ã”é£¯ã‚’é£Ÿã¹ã¦ã„ã‚‹ @geta6 ã§ã™ã€‚æ¥å‹™ã§ã¯ pixiv Sketch ã¨ã„ã†ã‚µãƒ¼ãƒ“ã‚¹ã®é–‹ç™ºã‚„é‹å–¶ã«æºã‚ã£ã¦ã„ã¾ã™ã€‚ pixiv Sketchã§ã¯ã€node.jsã¨React/Fluxibleã‚’ä½¿ç”¨ã—ã¦ã‚µãƒ¼ãƒãƒ¼ã¨ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚’åŒã˜ã‚³ãƒ¼ãƒ‰ãƒ™ãƒ¼ã‚¹ã§å‹•ä½œã•ã›ã‚‹Isomorphicãªæ§‹æˆã‚’æŽ¡ç”¨ã—ã¦ã„ã¾ã™ã€‚ ã“ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã‚³ãƒ¼ãƒ‰ãƒ¬ãƒ“ãƒ¥ãƒ¼ã‚’ã—ã¦ã„ã¦ã€ãƒãƒ¼ãƒ ãƒ¡ãƒ³ãƒãƒ¼ãŒã¤ã¾ãšãã‚„ã™ã„ã¨æ„Ÿã˜ãŸã®ãŒã€ŽFluxã«ãŠã‘ã‚‹Actionã¨Storeã®ã©ã¡ã‚‰ã«ä½•ã‚’å®Ÿè£…ã™ã‚‹ã¹ãã‹ã€ã¨ã„ã†ç‚¹ã§ã—ãŸã€‚ ãã“ã§ã€æœ¬æ—¥ã¯ã€ŽActionã¨Storeã¨ã®é©åˆ‡ãªè²¬å‹™ã®æŒãŸã›æ–¹ã€ã«ã¤ã„ã¦è©±ã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Reactã¨Fluxã«ã¤ã„ã¦ãŠã•ã‚‰ã„ ä»Šå¹´ã®4æœˆã«ã“ã‚“ãªã‚¹ãƒ©ã‚¤ãƒ‰
odz 2015/12/19
ã‚ã¨ã§èªã‚€

flux

javascript
ãƒªãƒ³ã‚¯
1