アプリã®çŠ¶æ…‹ç®¡ç†ã‚’安全ã«è¡Œã†ãŸã‚ã®Fluxã¨ReduxFluxã®æœ€å¤§ã®ç‰¹å¾´ã§ã‚ã‚‹å˜æ–¹å‘データフãƒãƒ¼ã¯ã€ã“ã“ã«UIã§ã‚る「Viewã€ã‚’åŠ ãˆã¦ã€å›³1ã®é€šã‚Šè¡¨ã•ã‚Œã¾ã™ã€‚ 図1　Fluxã®å˜æ–¹å‘データフãƒãƒ¼ 状態ã®æ›´æ–°æŒ‡ç¤ºå†…容ã§ã‚る「Actionã€ã‚’関数ã§ã‚る「Dispatcherã€ã§ã€ŒStoreã€ã«ä¼ãˆã¦çŠ¶æ…‹ã‚’æ›´æ–°ã—ã€ãã®çµæžœã‚’「View（React）ã€ã«ä¼ãˆã‚‹ã€ã¨ã„ã£ãŸæµã‚Œã§ã™ã€‚ 実際ã«ã‚¢ãƒ—リケーションã«çµ„ã¿è¾¼ã‚“ã å ´åˆã«ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒç”»é¢ã‚’æ“作ã—ãŸã‚¤ãƒ™ãƒ³ãƒˆã«å¿œã˜ã¦æ–°ãŸãªActionを発行（dispatch）ã—ã¦ã€çŠ¶æ…‹ã¨ç”»é¢ã‚’æ›´æ–°ã—ã¦ã„ãå½¢ã«ãªã‚‹ã®ã§ã€æ¬¡ã®é€šã‚Šã«ãªã‚Šã¾ã™ã€‚ 図2　ユーザーæ“作を考慮ã—ãŸãƒ‡ãƒ¼ã‚¿ãƒ•ãƒãƒ¼ 図2ã«æ²¿ã£ã¦åˆæœŸåŒ–後ã®å‡¦ç†ã‚’一ã¤ã²ã¨ã¤è¦‹ã¦ã„ãã¨ã€æ¬¡ã®ã“ã¨ã‚’ã—ã¦ã„ã¾ã™ã€‚ ユーザーãŒViewã‚’æ“作ã™ã‚‹ï¼ˆãƒœã‚¿ãƒ³ã‚’押ã™ã€æ–‡å—を入力ã™ã‚‹ã€ãªã©ï¼‰ æ›´æ–°ã—ãŸã„事柄をActionã®å½¢ã«ã¾ã¨ã‚ã¦ã€Dispatcherã«æ¸¡ã™ Dispatcherã‹ã‚‰
{{#tags}}- {{label}}
{{/tags}}