[B! redux] sigwygã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

sigwyg id:sigwyg

reduxã«é–¢ã™ã‚‹sigwygã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

${{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}}

Redux å†è€ƒ - mizchi's blog
ä»Šã¾ã§è‡ªåˆ†ã§ä½œã£ãŸã‚‚ã®ãŒåæ•°å€‹ã€ä»•äº‹ã§5ç¤¾ãã‚‰ã„ã® redux ã‚’è¦‹ã¦ããŸã®ã§ã€ãã®çµæžœæ€ã†ã¨ã“ã‚ã‚’æ›¸ãã€‚ å‰æã¨ã—ã¦ã€è‡ªåˆ†ã¯ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ã«ä¹—ã‚‹ã¨ã„ã†æ„å‘³ã§ä»Šã§ã¯ redux è‚¯å®šæ´¾ã ãŒã€redux ãã‚Œè‡ªèº«ãŒéŽå‰°ã«æŠ±ãˆã¦ã„ã‚‹è¤‡é›‘ã•ã¯ã‚‚ã£ã¨åˆ†è§£ã•ã‚Œã‚‹ã¹ãã ã€ã¨ã„ã†ç«‹å ´ã€‚ Redux ãŒã†ã¾ãè¨è¨ˆã•ã‚Œã¦ã„ã‚‹ã¨ã©ã†ãªã‚‹ã‹ ä¸€è²«ã—ãŸä¸€ã¤ã®è¨è¨ˆè«–ã«å¾“ã†ã®ã§ã€è€ƒãˆã‚‹ã“ã¨ãŒãªããªã‚‹ é›£ã—ã•ãŒå»ƒã•ã‚Œã‚‹ã®ã§ã¯ãªãã€é›£ã—ã„éƒ¨åˆ†ãŒä¸€ç®‡æ‰€ã«é›†ä¸ã™ã‚‹ã€‚React Component ã®æœ«ç«¯ã§ã¯ã€ä½•ã‚‚è€ƒãˆã‚‹ã“ã¨ãŒãªããªã‚‹ã€‚çŠ¶æ…‹ç®¡ç†ã¨ã„ã†é›£ã—ã„éƒ¨åˆ†ã‚’ä½œã‚‹äººã¨ã€æœ«ç«¯ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«æ³¨åŠ›ã™ã‚‹äººã‚’åˆ†ã‘ã‚‰ã‚Œã‚‹ã€‚ å¤§è¦æ¨¡ã«ãªã£ã¦ã‚‚è¨è¨ˆãŒç ´ç¶»ã—ã«ãã„ã€ã¨ã„ã†ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚ºå‘ããªç‰¹æ€§ã‚’æŒã¤ã€‚ãŒã€ãã®æŠ€è¡“åŸºç›¤ã¯(é™çš„)é–¢æ•°åž‹ç”±æ¥ã®è€ƒãˆãŒå¤šãã€åŸºç¤Žè¨è¨ˆã‚„åŸºç›¤ç†è§£ã«ã¯ãƒã‚¤ã‚¹ã‚ãƒ«ãŒè¦æ±‚ã•ã‚Œã€éœ€è¦ã¨é©ç”¨å¯¾è±¡ã®ãƒŸã‚¹ãƒžãƒƒãƒã‚’æ„Ÿã˜ã‚‹
sigwyg 2018/10/04
Reactã¯ã‚‚ã†ã¡ã‚‡ã„ç°¡å˜å´ã«æŒ¯ã£ã¦ã‚‚è‰¯ã„æ°—ã¯ã—ã¦ã„ã‚‹ã€‚10ã€œ20ãã‚‰ã„ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãªã‚‰Reduxä½¿ã‚ãšã«å•é¡Œãªã„ãã‚‰ã„ã€‚Suspenseã«ã¯æœŸå¾…ã—ã¦ã¾ã™ã€‚

redux

react
ãƒªãƒ³ã‚¯
React Redux ã‚’ç”¨ã„ãŸ SPA æ–°è¦ã‚µãƒ¼ãƒ“ã‚¹ã‚’é‹ç”¨ã—ã¦å¾—ãŸçŸ¥è¦‹ã¨å®Ÿè£…ä¾‹ | ãƒ©ãƒ³ã‚µãƒ¼ã‚ºï¼ˆLancersï¼‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ–ãƒã‚°
@tsuyoshi ã§ã™ã€‚å…ˆæ—¥è¡Œã‚ã‚ŒãŸ React Redux ã‚’ç”¨ã„ãŸ SPA æ–°è¦ã‚µãƒ¼ãƒ“ã‚¹ã‚’é‹ç”¨ã—ã¦å¾—ãŸçŸ¥è¦‹ã¨å®Ÿè£…ä¾‹ã€€ã¨è¨€ã†ã‚¤ãƒ™ãƒ³ãƒˆã§ä½¿ã£ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ã¾ã—ãŸã€‚ https://pook.life/ ã¨è¨€ã†ã‚µãƒ¼ãƒ“ã‚¹ã‚’React Redux ã® SPA ã§é‹ç”¨ã—ã¦å¾—ãŸçŸ¥è¦‹ãªã©ã‚’å…±æœ‰ã§ãã‚Œã°ã¨æ€ã„ã€‚å…¬é–‹ã—ã¦ã¿ãŸæ¬¡ç¬¬ã§ã™ã€‚ å†…å®¹ã¨ã—ã¦ã¯ åˆ©ç”¨ã—ã¦ã„ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚„é–‹ç™ºç’°å¢ƒã€é–‹ç™ºãƒ•ãƒãƒ¼ ã‚³ãƒ¼ãƒ‰ãƒ™ãƒ¼ã‚¹ã§ã®å®Ÿè£…ä¾‹ã®ç´¹ä»‹ ãã®ä»– SPA ã‚µãƒ¼ãƒ“ã‚¹ã‚’é‹ç”¨ã™ã‚‹ä¸Šã§ã®æ§‹æˆã‚„çŸ¥è¦‹ ãªã©ã€å®Ÿä¾‹ã‚„çµæžœã‚’äº¤ãˆãªãŒã‚‰èª¬æ˜Žã—ã¦ã„ã¾ã™ã€‚ ä½•ã‹ã®å‚è€ƒã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’è²¼ã£ã¦ã¾ã™ãŒã€ä»¥ä¸‹ã®google ã‚¹ãƒ©ã‚¤ãƒ‰ã§è¦‹ãŸæ–¹ãŒã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã‹å‹•ã„ã¦è¦‹ã‚„ã™ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ https://docs.google.com/presentation/d/1TIEg5rYJ9vlWTSO6etwupBBO0e
sigwyg 2017/11/16
ãŸã®ã—ãã†ï¼

SPA

react

redux
ãƒªãƒ³ã‚¯
ReactNativeã§ã®é–‹ç™ºã‚’é€šã˜ã¦å¾—ãŸçŸ¥è¦‹ - razokulover publog
å‰å›žã¯ã¦ã¶ã®ãŠæ°—ã«å…¥ã‚Šãƒ•ã‚£ãƒ¼ãƒ‰ã‚’èªã‚€HBFavã¨ã„ã†ã‚¢ãƒ—ãƒªã®ReactNativeç‰ˆRNHBFavã¨ã„ã†ã‚¢ãƒ—ãƒªã‚’ä½œã£ã¦ã„ã‚‹ã¨ã„ã†è©±ã‚’æ›¸ã„ãŸãŒã€ã¨ã‚Šã‚ãˆãšAppStoreã¸ç”³è«‹ã™ã‚‹ã¨ã“ã‚ã¾ã§çµ‚ã‚ã£ãŸã€‚ razokulover.hateblo.jp ç”³è«‹ãŒã©ã®ãã‚‰ã„ã§é€šã‚‹ã‹ã¯ã¾ã ã‚ã‹ã‚‰ãªã„ãŒã€ãŸã¶ã‚“1é€±é–“ã¯ã‹ã‹ã‚‹æ°—ãŒã™ã‚‹ã€‚ å°‘ã—æ™‚é–“ãŒç©ºããã†ã ã—ã€ã“ã“ã‚‰ã§ä»Šå›žReactNativeã§é–‹ç™ºã€œãƒªãƒªãƒ¼ã‚¹ç”³è«‹ã™ã‚‹ä¸ã§æ„Ÿã˜ãŸã“ã¨ã‚„ã“ã†ã—ãŸæ–¹ãŒè‰¯ã‹ã£ãŸã¿ãŸã„ãªã‚‚ã®ã‚’ãƒ¡ãƒ¢ã—ã¦ãŠã“ã†ã¨æ€ã†ã€‚ åž‚ç›´åˆ†å‰²/æ°´å¹³åˆ†å‰²ã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆ ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆã¯ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã”ã¨ã«ã¿ãªãã‚Œãžã‚Œè‡ªåˆ†ãªã‚Šã®æ§‹æˆã‚’æŒã£ã¦ã„ã‚‹ã‚ˆã†ã ã‘ã©ã€ä¾‹ãˆã°reduxã‚’åˆ©ç”¨ã™ã‚‹ã‚¢ãƒ—ãƒªã ã¨ä»¥ä¸‹ã®ã‚ˆã†ãªä½œã‚Šã«ãªã‚‹ã¨æ€ã†ã€‚ index.ios.js index.android.js src |__actions |__hoge.js |__reduce
sigwyg 2017/08/29
React Native

redux

react
ãƒªãƒ³ã‚¯
Angular 2ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’immutable.jsã¨Reduxã§æ§‹ç¯‰ã™ã‚‹ | POSTD
éŽåŽ»ã«JavaScripté–‹ç™ºã‚’ã‚„ã£ãŸã“ã¨ãŒã‚ã‚‹äººã§ã‚ã‚Œã°ã€ Redux ã®ã“ã¨ã¯èžã„ãŸã“ã¨ãŒã‚ã‚‹ã§ã—ã‚‡ã†ã€‚Reactã¨ã¨ã‚‚ã«ä¸€èˆ¬ã«æ™®åŠã—ã€é–‹ç™ºè€…ã®ä¸ã«ã¯ã€Œå½“æ™‚ã®JavaScripté–¢ä¿‚ã§ä¸€ç•ªèˆˆå¥®ã—ãŸå‡ºæ¥äº‹ã ã£ãŸã€ã€ã€Œã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®æ§‹ç¯‰ã«å¤§å¤‰é©ã‚’ã‚‚ãŸã‚‰ã—ãŸã€ã€ã¯ã¦ã¯ã€ŒReduxã®ãŠã‹ã’ã§åœ°çƒæ¸©æš–åŒ–ãŒå®Œå…¨ã«æ¢ã¾ã£ãŸã€ã¨è¨€ã†äººã‚‚ã„ã‚‹ãã‚‰ã„ã§ã™ã€‚ å¤±ç¤¼ã€ã¡ã‚‡ã£ã¨æˆ‘ã‚’å¿˜ã‚Œã¦ã—ã¾ã„ã¾ã—ãŸã€‚ã—ã‹ã—ã€çœŸé¢ç›®ãªè©±ã€Reduxã¯ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®æ§‹ç¯‰æ–¹æ³•ã«ã€å¤‰åŒ–ã‚’ã‚‚ãŸã‚‰ã—ãŸã®ã¯æœ¬å½“ã§ã™ã€‚ã“ã®æŠ•ç¨¿ã§ã¯ã€Reduxã‚’åˆ¥ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã® Immutable.js ã¨ä¸€ç·’ã«ã€Angular 2ã¨çµ±åˆã™ã‚‹ã‚„ã‚Šæ–¹ã‚’ã”èª¬æ˜Žã—ã¾ã™ã€‚ æ¦‚è¦ ã“ã®æŠ•ç¨¿ã§ã¯ã€Fluxã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã¨Reduxã®åŸºæœ¬çš„ãªæ¦‚å¿µã‚’è€ƒãˆã¦ã„ãã¾ã™ã€‚ãã‚Œã‹ã‚‰ã€ç°¡å˜ãªé€£çµ¡å…ˆãƒªã‚¹ãƒˆã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ®µéšŽçš„ã«ä½œã£ã¦ã„ãã¾ã™ã€‚åˆã‚ã¯åŸºæœ¬çš„ãªã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—ã‚’æ§‹ç¯‰
sigwyg 2016/08/09
angular2

redux

AngularJS

é–‹ç™º

Javascript
ãƒªãƒ³ã‚¯
1